Question

我知道将复选框视为单选按钮并不是一个好习惯，但我需要用户能够取消选择一个选项。我有一些jQuery将用户限制为一个选项，但我需要一个选中的选项来取消选中另一个选项。现在，用户必须取消选中已选中的选项，然后选择其他内容。

这是当前的脚本：

$(function () {
    var max = 1;
    $('#checks-wrap-app-type').on('click', 'input[type="checkbox"]', function(){
        return $(this).closest('#checks-wrap-app-type').find(':checked').length <= max;
    });
]);

我不确定如何更改此选项，以便在选择其他选项时取消选中当前选中的选项。任何帮助将不胜感激。如果您需要更多信息，请与我们联系。

感谢。

Answer 1

您是否想过使用单选按钮？他们会做你需要做的事。

Answer 2

检查一下：

 if($('.checkbox1').prop('checked') == 'true')
      $('.checkbox1').prop('checked',false);

    if($('.checkbox2').prop('checked') == 'true')
      $('.checkbox2').prop('checked',false);

Answer 3

改为使用更改事件，在更改时，只需取消选中所有内容，不包括刚刚更改过的内容。

$('#checks-wrap-app-type').on('change', 'input[type="checkbox"]', function(){
    $('#checks-wrap-app-type input[type="checkbox"]').not($(this)).prop('checked', false);
});

如果选中另一个复选框，如何取消选中复选框？

3 个答案: