无法取消选中jquery prop()复选框

时间:2016-05-25 10:53:45

标签: jquery checkbox

我有一个简单的鳕鱼,我不知道它为什么不起作用。当我点击按钮时,我想取消选中该复选框。我正在尝试使用prop(),我正在尝试attr(),但仍然没有。

也许有人在这里可以看到错误?

HTML

<label>
  <input type="checkbox">
</label>

<button>CLICK</button>

的jQuery

var btn = $("button");

    btn.on("click", function(){
    var checked = $(label).find("input").prop("checked");
        if (checked === true){
            $("checked").prop("checked", false);
        }
  })

https://jsfiddle.net/sm4a0d72/

2 个答案:

答案 0 :(得分:0)

只需使用,

var btn = $("button");
btn.on("click", function() {
  $("label").find("input").prop("checked", false);
});

代码中的问题,

label应该包含在""

您无需检查元素是否已经过检查。您可以使用.prop("checked",false)

直接取消选中它

Fiddle

答案 1 :(得分:0)

你的小提琴无效,因为没有选择框架,label不存在(你忘记了引号),“checked”不是DOM元素。

相关问题