当前位置: 代码迷 >> JavaScript >> Jquery 控制 checkbox的奇怪有关问题
  详细解决方案

Jquery 控制 checkbox的奇怪有关问题

热度:421   发布时间:2012-02-26 20:19:43.0
Jquery 控制 checkbox的奇怪问题。
<label> <input type="checkbox" value="0"> item 1</label>
在不使用JS 控制时,点击label 或 input 页面都能得到正确的显示 checkbox状态【勾选/取消勾选】
但是使用了以下代码控制时就出现问题了
$("label").toggle(
  function(){ alert('a'); $("input").attr("checked",true); },
  function(){ alert('b'); $("input").attr("checked",false); }
);

状况如下
  点击label范围,页面显示的checkbox状态是正确的。
  点击 <input type="checkbox" value="0">,输出的alert 是正确的,但复选框却始终不显示勾选的状态。
这是怎么回事?

------解决方案--------------------
举个 例子吧: <input type='checkbox' id='chkAll' ><label for='chkAll'>全选</label> 这样就达到你要的效果了吧、 label 要设置 for 属性 指向你要的 checkbox ID
------解决方案--------------------
<label>item 1</label><input type="checkbox" value="0"/> label写在input之前就行了
  相关解决方案