首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

Jquery 控制 checkbox的奇怪有关问题

2012-02-26 
Jquery 控制 checkbox的奇怪问题。label input typecheckbox value0 item 1/label在不使用JS

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之前就行了

热点排行