checkbox勾选/取消勾选的诡异问题

来源：互联网发布：java免费下载编辑：程序博客网时间：2024/05/19 06:15

<form>        你爱好的运动是？<input type="checkbox" id="CheckedAll" />全选/全不选<br />        <input type="checkbox" name="items" value="足球" />足球        <input type="checkbox" name="items" value="篮球" />篮球        <input type="checkbox" name="items" value="羽毛球" />羽毛球        <input type="checkbox" name="items" value="乒乓球" />乒乓球        <br />        <input type="button" id="send" value="提 交" />    </form>

js代码

 $("#CheckedAll").click(function () {                if ($(this).is(":checked")) {                    $("[name=items]:checkbox").attr("checked", true);                } else {                    $("[name=items]:checkbox").attr("checked", false);                }   });

第一次执行，没问题，但第二次执行就有问题了，选择不了

解决办法：把attr()换成prop()

$("#CheckedAll").click(function () {                if ($(this).is(":checked")) {                    $("[name=items]:checkbox").prop("checked", true);                } else {                    $("[name=items]:checkbox").prop("checked", false);                }  });

0 0