<!doctype?html>
<html>
<head>
<meta?charset="utf-8">
<title>無(wú)標(biāo)題文檔</title>
<script?src="jquery-1.11.2.min.js"></script>
<script>
$(function(){
????$("#chedkAll").click(function(){
????????$("[name=items]:checkbox").attr("checked",true);
????????});????
????$("#chedkNo").click(function(){
????????$("[name=items]:checkbox").attr("checked",false);
????????});
????$("#chedkRev").click(function(){
????????$("[name=items]:checkbox").each(function()?{
????????????this.checked=!this.checked;
????????});
????});
????$("#submit").click(function(){
????????var?str="你選擇的運(yùn)動(dòng)是：?\r\n";
????????$("[name=items]:checkbox:checked").each(function(){
????????????str+=$(this).val()+"\r\n";
????????????});
????????????alert(str);
????????});
})
</script>
</head>
<body>
<form>
????你最喜歡的運(yùn)動(dòng)是？<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="chedkAll"?value="全選"/>
????<input?type="button"?id="chedkNo"?value="全不選"/>
????<input?type="button"?id="chedkRev"?value="反選"/>
????<input?type="button"?id="submit"?value="提交"/>
</form>
</body>
</html>
1.首次加載此段代碼，在google和IE下沒(méi)有問(wèn)題，但是在FF下卻出現(xiàn)了第一個(gè)不能選的問(wèn)題？
2.當(dāng)我點(diǎn)擊“全不選”后，“全選”效果就失效了，但查看它們的checked的屬性值都是“checked”，只是沒(méi)有那個(gè)勾勾，而且點(diǎn)擊submit也是處于沒(méi)有選中任何一個(gè)的狀態(tài)？
js操作checkbox各個(gè)瀏覽器不兼容
好學(xué)的Lv
2016-02-17 15:38:04
