Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery duo复选框,是否,否是,否否否,如何再次取消选择?_Javascript_Jquery_Checkbox - Fatal编程技术网

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);
});