[セットトップ]jqueryでcheckboxが選択した問題のprop&attrが引き起こした災い
ネット上の多くの例は以下の通りです.
运行后、火狐の下で1つの问题を発见して、とても考えられない问题の说明:第1回はすべて选ぶことができて、それからすべて选ぶことをクリックして、それから更にすべて选ぶことをクリックして、すべて选ぶことができなくて、反选して反応がなくて、それから他のブラウザで送ることができて、だから互換性の问题だと感じて、それから资料を调べてやはりhttp://jquery.com/解決方法:attrをpropに変えることができて、各ブラウザがすべて良いことを検証して、公式サイトの説明は1.6の後でpropを使うことを提案して、ここで記録して後で使うことを効果図にします
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>test</title>
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript"> $(function () { // $("#btnCheckAll").bind("click", function () { $("[name = chkItem]:checkbox").attr("checked", true); }); // $("#btnCheckNone").bind("click", function () { $("[name = chkItem]:checkbox").attr("checked", false); }); // $("#btnCheckReverse").bind("click", function () { $("[name = chkItem]:checkbox").each(function () { $(this).attr("checked", !$(this).attr("checked")); }); }); // $("#btnSubmit").bind("click", function () { var result = new Array(); $("[name = chkItem]:checkbox").each(function () { if ($(this).is(":checked")) { result.push($(this).attr("value")); } }); alert(result.join(",")); }); }); </script>
</head>
<body>
<div>
<input name="chkItem" type="checkbox" value=" " />
<input name="chkItem" type="checkbox" value=" " />
<input name="chkItem" type="checkbox" value=" " />
<input name="chkItem" type="checkbox" value=" " />
<input name="chkItem" type="checkbox" value=" " />
<input name="chkItem" type="checkbox" value=" " />
<input name="chkItem" type="checkbox" value=" " />
</div>
<div>
<input id="btnCheckAll" type="button" value=" " />
<input id="btnCheckNone" type="button" value=" " />
<input id="btnCheckReverse" type="button" value=" " />
<input id="btnSubmit" type="button" value=" " />
</div>
</body>
</html>
运行后、火狐の下で1つの问题を発见して、とても考えられない问题の说明:第1回はすべて选ぶことができて、それからすべて选ぶことをクリックして、それから更にすべて选ぶことをクリックして、すべて选ぶことができなくて、反选して反応がなくて、それから他のブラウザで送ることができて、だから互換性の问题だと感じて、それから资料を调べてやはりhttp://jquery.com/解決方法:attrをpropに変えることができて、各ブラウザがすべて良いことを検証して、公式サイトの説明は1.6の後でpropを使うことを提案して、ここで記録して後で使うことを効果図にします