注意:jquery 提供的$(’#id’).attr(‘checked’,true)方法,在某些情況下會(huì)失效… 因此,使用js原生的 .checked = true方法 控制

// html <form>你愛好的運(yùn)動(dòng)是? <br/><input type="checkbox" name="items" value="足球" /> 足球<input type="checkbox" name="items" value="藍(lán)球" /> 藍(lán)球<input type="checkbox" name="items" value="羽毛球" /> 羽毛球<input type="checkbox" name="items" value="兵乓球" /> 兵乓球<br/><input type="button" id="checkedAll" value="全 選" /><input type="button" id="checkedNo" value="全不選" /><input type="button" id="checkedRev" value="反 選" /><input type="button" id="send" value="提 交"/> </form>// js// 全選$('#checkedAll').click(function(){$("[name=items]:checkbox").each(function(){this.checked = true})return false // 阻止冒泡})// 全不選$('#checkedNo').click(function(){$("[name=items]:checkbox").each(function(){this.checked = false;});return false})// 反選$('#checkedRev').click(function(){$("[name=items]:checkbox").each(function(){this.checked = !this.checked;})return false})// 提交$('#send').click(function(){var str = "你選中的是： \r\n";$('[name=items]:checkbox:checked').each(function(){str += $(this).val()+"\r\n";});alert(str);})

參考《鋒利的jQuery》P145~P147

總結(jié)

以上是生活随笔為你收集整理的jquery --- 全选、全不选、反选、提交的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。