Javascript Jquery duo复选框,是否,否是,否否否,如何再次取消选择?
如何在单击时将复选框返回到未选中状态?这两个复选框选项应该是“是,否”、“否,是”或“否,否”,但一旦选中了复选框,我就可以在买入和卖出之间切换(正确),但如何在单击后再次取消选中该复选框,返回到未选中的两个复选框Javascript Jquery duo复选框,是否,否是,否否否,如何再次取消选择?,javascript,jquery,checkbox,Javascript,Jquery,Checkbox,如何在单击时将复选框返回到未选中状态?这两个复选框选项应该是“是,否”、“否,是”或“否,否”,但一旦选中了复选框,我就可以在买入和卖出之间切换(正确),但如何在单击后再次取消选中该复选框,返回到未选中的两个复选框 $('input.checkboxClass').on('click', function() { $(this).parent().parent().find('.checkboxClass').prop('checked', false); $(this).pro
$('input.checkboxClass').on('click', function() {
$(this).parent().parent().find('.checkboxClass').prop('checked', false);
$(this).prop('checked', true)
});
将复选框转换为单选按钮,并使用名称对其进行分组,而不是所有这些!对于取消选择,您只需重置即可
产品1
购买
卖
产品2
购买
卖
产品3
购买
卖
将复选框转换为单选按钮,并使用名称对其进行分组,而不是所有这些!对于取消选择,您只需重置即可
产品1
购买
卖
产品2
购买
卖
产品3
购买
卖
将复选框转换为单选按钮,并使用名称对其进行分组,而不是所有这些!对于取消选择,您只需重置即可
产品1
购买
卖
产品2
购买
卖
产品3
购买
卖
将复选框转换为单选按钮,并使用名称对其进行分组,而不是所有这些!对于取消选择,您只需重置即可
产品1
购买
卖
产品2
购买
卖
产品3
购买
卖
只需将您的“兄弟姐妹”的复选框设置为false,而不是您的
的所有复选框:
只需将您的“兄弟姐妹”
的复选框设置为false,而不是您的
的所有复选框:
只需将您的“兄弟姐妹”
的复选框设置为false,而不是您的
的所有复选框:
只需将您的“兄弟姐妹”
的复选框设置为false,而不是您的
的所有复选框:
我认为Praveen的答案是最正确的,但是如果您仍然需要使用JS,我建议这样做(在执行操作之前检查复选框的状态):
$('input.checkboxClass')。在('click',function()上{
如果($(this).is(':checked')){
$(this).parent().parent().find('.checkboxClass').prop('checked',false);
$(this.prop('checked',true)
}
否则{
$(this.prop('checked',false)
}
});
我认为Praveen的答案是最正确的,但是如果您仍然需要使用JS,我建议这样做(在执行操作之前检查复选框的状态):
$('input.checkboxClass')。在('click',function()上{
如果($(this).is(':checked')){
$(this).parent().parent().find('.checkboxClass').prop('checked',false);
$(this.prop('checked',true)
}
否则{
$(this.prop('checked',false)
}
});
我认为Praveen的答案是最正确的,但是如果您仍然需要使用JS,我建议这样做(在执行操作之前检查复选框的状态):
$('input.checkboxClass')。在('click',function()上{
如果($(this).is(':checked')){
$(this).parent().parent().find('.checkboxClass').prop('checked',false);
$(this.prop('checked',true)
}
否则{
$(this.prop('checked',false)
}
});
我认为Praveen的答案是最正确的,但是如果您仍然需要使用JS,我建议这样做(在执行操作之前检查复选框的状态):
$('input.checkboxClass')。在('click',function()上{
如果($(this).is(':checked')){
$(this).parent().parent().find('.checkboxClass').prop('checked',false);
$(this.prop('checked',true)
}
否则{
$(this.prop('checked',false)
}
});
从您的演示中,我想说使用复选框是没有意义的。单选按钮就是这样。请再读一遍问题,单选按钮没有意义,因为我需要返回到“no no”状态。如果用户选择产品2购买,然后决定不购买,您不能取消选择单选按钮,请选中复选框。@danwell您可以使用“重置”取消选择单选按钮。请查看我的答案。谢谢Praveen,这是一个很好的建议,非常感谢。从您的演示中,我会说使用复选框是没有意义的。单选按钮就是这样。请再读一遍问题,单选按钮没有意义,因为我需要返回到“no no”状态。如果用户选择产品2购买,然后决定不购买,您不能取消选择单选按钮,请选中复选框。@danwell您可以使用“重置”取消选择单选按钮。请查看我的答案。谢谢Praveen,这是一个很好的建议,非常感谢。从您的演示中,我会说使用复选框是没有意义的。单选按钮就是这样。请再读一遍问题,单选按钮没有意义,因为我需要返回到“no no”状态。如果用户选择产品2购买,然后决定不购买,您不能取消选择单选按钮,请选中复选框。@danwell您可以使用“重置”取消选择单选按钮。请查看我的答案。谢谢Praveen,这是一个很好的建议,非常感谢。从您的演示中,我会说使用复选框是没有意义的。单选按钮就是这样。请再读一遍问题,单选按钮没有意义,因为我需要返回到“no no”状态。如果用户选择产品2购买,然后决定不购买,您不能取消选择单选按钮,请选中复选框。@danwell您可以使用“重置”取消选择单选按钮。看看我的答案。谢谢Praveen,这是一个很好的建议,非常感谢。哇,你得到了northkildonan。这就是答案。谢谢你的帮助。@dandanwell如果这是答案,那么你应该
$('input.checkboxClass').on('click', function(e) {
$(this).parent().siblings().find('.checkboxClass').prop('checked', false);
});