Jquery:如何取消选中复选框

时间:2013-11-19 10:52:34

标签: javascript jquery html checkbox

我有一个有两个选项的选择器。 根据选项,将出现一组复选框。

在这里你可以看到它:http://jsbin.com/acOXisI/24/edit

问题在于,如果我选择一些复选框,然后在选择器中选择另一个选项,那么之前的复选框仍处于选中状态,这会产生问题。

所以我要做的是:当选择一个选择器的选项时,作为第一件事,我UNCHECKED所有的复选框。

你知道我该怎么办?

非常感谢你。 我希望能够明确这个问题。 如果你不明白的话就不要问了!

5 个答案:

答案 0 :(得分:1)

您可以自动取消选中所选更改的所有复选框,因此请在顶部的更改选择中添加此项

  $("input[type='checkbox']").each(function() {
    this.checked = false;
  });

答案 1 :(得分:0)

要取消选中复选框,请尝试$('#id').prop('checked', false);

答案 2 :(得分:0)

如果您有一组选项,但一次只能检查一个选项,则应使用单选按钮。

<input type="radio" name="groupName">

name属性定义了彼此相关的单选按钮组。这意味着type="radio"name="groupName"的所有输入,一次只会检查一次。

答案 3 :(得分:0)

只需添加:

$("fieldset").on('change',':checkbox',function (){$(this).closest("fieldset").find("fieldset :checkbox").not($(this)).prop('checked',false)});

http://jsbin.com/acOXisI/35/edit

答案 4 :(得分:0)

您可以取消选中

复选框
 $("input[type=checkbox]").attr("checked", false);