{"id":521,"date":"2022-03-13T08:40:30","date_gmt":"2022-03-13T00:40:30","guid":{"rendered":"http:\/\/blog.nonot.cn\/?p=521"},"modified":"2024-07-08T12:48:13","modified_gmt":"2024-07-08T04:48:13","slug":"jquery%e5%ae%9e%e7%8e%b0%e5%85%a8%e9%80%89%e3%80%81%e5%8f%8d%e9%80%89%e3%80%81%e8%8e%b7%e5%be%97%e6%89%80%e6%9c%89%e9%80%89%e4%b8%ad%e7%9a%84checkbox","status":"publish","type":"post","link":"https:\/\/blog.nonot.cn\/index.php\/2022\/03\/13\/jquery%e5%ae%9e%e7%8e%b0%e5%85%a8%e9%80%89%e3%80%81%e5%8f%8d%e9%80%89%e3%80%81%e8%8e%b7%e5%be%97%e6%89%80%e6%9c%89%e9%80%89%e4%b8%ad%e7%9a%84checkbox\/","title":{"rendered":"jquery\u5b9e\u73b0\u5168\u9009\u3001\u53cd\u9009\u3001\u83b7\u5f97\u6240\u6709\u9009\u4e2d\u7684checkbox"},"content":{"rendered":"

\u4e3e\u4e867\u4e2a\u4e0d\u540c\u7684checkbox\u72b6\u6001\uff0c\u548c\u5927\u5bb6\u4e00\u4e00\u5206\u4eab\u3002<\/p>\n

1\u3001\u5168\u9009<\/strong><\/p>\n

\n
\n
$(<\/code>\"#btn1\"<\/code>).click(<\/code>function<\/code>(){ <\/code><\/div>\n
$(<\/code>\"input[name='checkbox']\"<\/code>).attr(<\/code>\"checked\"<\/code>,<\/code>\"true\"<\/code>); <\/code><\/div>\n
})<\/code><\/div>\n
<\/div>\n<\/div>\n<\/div>\n

2\u3001\u53d6\u6d88\u5168\u9009\uff08\u5168\u4e0d\u9009\uff09<\/strong><\/p>\n

\n
\n
$(<\/code>\"#btn2\"<\/code>).click(<\/code>function<\/code>(){ <\/code><\/div>\n
$(<\/code>\"input[name='checkbox']\"<\/code>).removeAttr(<\/code>\"checked\"<\/code>); <\/code><\/div>\n
})<\/code><\/div>\n
<\/div>\n<\/div>\n<\/div>\n

3\u3001\u9009\u4e2d\u6240\u6709\u5947\u6570<\/strong><\/p>\n

\n
\n
$(<\/code>\"#btn3\"<\/code>).click(<\/code>function<\/code>(){ <\/code><\/div>\n
$(<\/code>\"input[name='checkbox']:odd\"<\/code>).attr(<\/code>\"checked\"<\/code>,<\/code>\"true\"<\/code>); <\/code><\/div>\n
})<\/code><\/div>\n
<\/div>\n<\/div>\n<\/div>\n

4\u3001\u9009\u4e2d\u6240\u6709\u5076\u6570<\/strong><\/p>\n

\n
\n
$(<\/code>\"#btn6\"<\/code>).click(<\/code>function<\/code>(){ <\/code><\/div>\n
$(<\/code>\"input[name='checkbox']:even\"<\/code>).attr(<\/code>\"checked\"<\/code>,<\/code>\"true\"<\/code>); <\/code><\/div>\n
})<\/code><\/div>\n
<\/div>\n<\/div>\n<\/div>\n

5\u3001\u53cd\u9009<\/strong><\/p>\n

\n
\n
$(<\/code>\"#btn4\"<\/code>).click(<\/code>function<\/code>(){ <\/code><\/div>\n
$(<\/code>\"input[name='checkbox']\"<\/code>).each(<\/code>function<\/code>(){ <\/code><\/div>\n
if<\/code>($(<\/code>this<\/code>).attr(<\/code>\"checked\"<\/code>)) <\/code><\/div>\n
{ <\/code><\/div>\n
$(<\/code>this<\/code>).removeAttr(<\/code>\"checked\"<\/code>); <\/code><\/div>\n
} <\/code><\/div>\n
else<\/code><\/div>\n
{ <\/code><\/div>\n
$(<\/code>this<\/code>).attr(<\/code>\"checked\"<\/code>,<\/code>\"true\"<\/code>); <\/code><\/div>\n
} <\/code><\/div>\n
}) <\/code><\/div>\n
})<\/code><\/div>\n
<\/div>\n<\/div>\n<\/div>\n

\u6216\u8005<\/p>\n

\n
\n
$(<\/code>\"#invert\"<\/code>).click(<\/code>function<\/code>(){<\/code><\/div>\n
\u00a0<\/code>$(<\/code>\"#ruleMessage [name='delModuleID']:checkbox\"<\/code>).each(<\/code>function<\/code>(i,o){<\/code><\/div>\n
\u00a0\u00a0<\/code>$(o).attr(<\/code>\"checked\"<\/code>,!$(o).attr(<\/code>\"checked\"<\/code>));<\/code><\/div>\n
\u00a0<\/code>});<\/code><\/div>\n
\u00a0<\/code>});<\/code><\/div>\n
<\/div>\n<\/div>\n<\/div>\n

6\u3001\u83b7\u53d6\u9009\u62e9\u9879\u7684\u503c<\/strong><\/p>\n

\n
\n
var<\/code> aa=<\/code>\"\"<\/code>; <\/code><\/div>\n
$(<\/code>\"#btn5\"<\/code>).click(<\/code>function<\/code>(){ <\/code><\/div>\n
$(<\/code>\"input[name='checkbox']:checkbox:checked\"<\/code>).each(<\/code>function<\/code>(){ <\/code><\/div>\n
aa+=$(<\/code>this<\/code>).val() <\/code><\/div>\n
}) <\/code><\/div>\n
document.write(aa); <\/code><\/div>\n
}) <\/code><\/div>\n
})<\/code><\/div>\n
<\/div>\n<\/div>\n<\/div>\n

7\u3001\u904d\u5386\u9009\u4e2d\u9879<\/strong><\/p>\n

\n
\n
$(<\/code>\"input[type=checkbox][checked]\"<\/code>).each(<\/code>function<\/code>(){<\/code><\/div>\n
\u00a0<\/code>\/\/\u7531\u4e8e\u590d\u9009\u6846\u4e00\u822c\u9009\u4e2d\u7684\u662f\u591a\u4e2a,\u6240\u4ee5\u53ef\u4ee5\u5faa\u73af\u8f93\u51fa <\/code><\/div>\n
\u00a0<\/code>alert($(<\/code>this<\/code>).val()); <\/code><\/div>\n
});<\/code><\/div>\n
<\/div>\n<\/div>\n<\/div>\n

\u4e0b\u9762\u5b9e\u4f8b\u8bb2\u8ff0\u4e86jquery\u5b9e\u73b0\u5168\u9009\u3001\u53cd\u9009\u3001\u83b7\u5f97\u6240\u6709\u9009\u4e2d\u7684checkbox\u3002\u5206\u4eab\u7ed9\u5927\u5bb6\u4f9b\u5927\u5bb6\u53c2\u8003\u3002\u5177\u4f53\u5982\u4e0b\uff1a
\n\u8fd0\u884c\u6548\u679c\u622a\u56fe\u5982\u4e0b\uff1a<\/p>\n

\"\"<\/p>\n

\u5177\u4f53\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n

\n
\n
\n
<<\/code>html<\/code> xmlns<\/code>=<\/code>\"http:\/\/www.w3.org\/1999\/xhtml\"<\/code>> <\/code><\/div>\n
<<\/code>head<\/code> runat<\/code>=<\/code>\"server\"<\/code>> <\/code><\/div>\n
<<\/code>title<\/code>>\u65e0\u6807\u9898\u9875<\/<\/code>title<\/code>> <\/code><\/div>\n
<<\/code>script<\/code> src<\/code>=<\/code>\"js\/jquery-1.6.min.js\"<\/code> type<\/code>=<\/code>\"text\/javascript\"<\/code>><\/<\/code>script<\/code>> <\/code><\/div>\n
<<\/code>script<\/code> type<\/code>=<\/code>\"text\/javascript\"<\/code>> <\/code><\/div>\n
jQuery(function($){ <\/code><\/div>\n
\/\/\u5168\u9009 <\/code><\/div>\n
$(\"#btn1\").click(function(){ <\/code><\/div>\n
$(\"input[name='checkbox']\").attr(\"checked\",\"true\"); <\/code><\/div>\n
}) <\/code><\/div>\n
\/\/\u53d6\u6d88\u5168\u9009 <\/code><\/div>\n
$(\"#btn2\").click(function(){ <\/code><\/div>\n
$(\"input[name='checkbox']\").removeAttr(\"checked\"); <\/code><\/div>\n
}) <\/code><\/div>\n
\/\/\u9009\u4e2d\u6240\u6709\u57fa\u6570 <\/code><\/div>\n
$(\"#btn3\").click(function(){ <\/code><\/div>\n
$(\"input[name='checkbox']:even\").attr(\"checked\",\"true\"); <\/code><\/div>\n
}) <\/code><\/div>\n
\/\/\u9009\u4e2d\u6240\u6709\u5076\u6570 <\/code><\/div>\n
$(\"#btn6\").click(function(){ <\/code><\/div>\n
$(\"input[name='checkbox']:odd\").attr(\"checked\",\"true\"); <\/code><\/div>\n
}) <\/code><\/div>\n
\/\/\u53cd\u9009 <\/code><\/div>\n
$(\"#btn4\").click(function(){ <\/code><\/div>\n
$(\"input[name='checkbox']\").each(function(){ <\/code><\/div>\n
if($(this).attr(\"checked\")) <\/code><\/div>\n
{ <\/code><\/div>\n
$(this).removeAttr(\"checked\"); <\/code><\/div>\n
} <\/code><\/div>\n
else <\/code><\/div>\n
{ <\/code><\/div>\n
$(this).attr(\"checked\",\"true\"); <\/code><\/div>\n
} <\/code><\/div>\n
}) <\/code><\/div>\n
}) <\/code><\/div>\n
\/\/\u6216\u8bb8\u9009\u62e9\u9879\u7684\u503c <\/code><\/div>\n
var aa=\"\"; <\/code><\/div>\n
$(\"#btn5\").click(function(){ <\/code><\/div>\n
$(\"input[name='checkbox']:checkbox:checked\").each(function(){ <\/code><\/div>\n
aa+=$(this).val() <\/code><\/div>\n
}) <\/code><\/div>\n
document.write(aa); <\/code><\/div>\n
}) <\/code><\/div>\n
}) <\/code><\/div>\n
<\/<\/code>script<\/code>> <\/code><\/div>\n
<\/<\/code>head<\/code>> <\/code><\/div>\n
<<\/code>body<\/code>> <\/code><\/div>\n
<<\/code>form<\/code> id<\/code>=<\/code>\"form1\"<\/code> runat<\/code>=<\/code>\"server\"<\/code>> <\/code><\/div>\n
<<\/code>div<\/code>> <\/code><\/div>\n
<<\/code>input<\/code> type<\/code>=<\/code>\"button\"<\/code> id<\/code>=<\/code>\"btn1\"<\/code> value<\/code>=<\/code>\"\u5168\u9009\"<\/code>> <\/code><\/div>\n
<<\/code>input<\/code> type<\/code>=<\/code>\"button\"<\/code> id<\/code>=<\/code>\"btn2\"<\/code> value<\/code>=<\/code>\"\u53d6\u6d88\u5168\u9009\"<\/code>> <\/code><\/div>\n
<<\/code>input<\/code> type<\/code>=<\/code>\"button\"<\/code> id<\/code>=<\/code>\"btn3\"<\/code> value<\/code>=<\/code>\"\u9009\u4e2d\u6240\u6709\u5947\u6570\"<\/code>> <\/code><\/div>\n
<<\/code>input<\/code> type<\/code>=<\/code>\"button\"<\/code> id<\/code>=<\/code>\"btn6\"<\/code> value<\/code>=<\/code>\"\u9009\u4e2d\u6240\u6709\u5076\u6570\"<\/code>> <\/code><\/div>\n
<<\/code>input<\/code> type<\/code>=<\/code>\"button\"<\/code> id<\/code>=<\/code>\"btn4\"<\/code> value<\/code>=<\/code>\"\u53cd\u9009\"<\/code>> <\/code><\/div>\n
<<\/code>input<\/code> type<\/code>=<\/code>\"button\"<\/code> id<\/code>=<\/code>\"btn5\"<\/code> value<\/code>=<\/code>\"\u83b7\u5f97\u9009\u4e2d\u7684\u6240\u6709\u503c\"<\/code>> <\/code><\/div>\n
<<\/code>br<\/code>> <\/code><\/div>\n
<<\/code>input<\/code> type<\/code>=<\/code>\"checkbox\"<\/code> name<\/code>=<\/code>\"checkbox\"<\/code> value<\/code>=<\/code>\"checkbox1\"<\/code>> <\/code><\/div>\n
checkbox1 <\/code><\/div>\n
<<\/code>input<\/code> type<\/code>=<\/code>\"checkbox\"<\/code> name<\/code>=<\/code>\"checkbox\"<\/code> value<\/code>=<\/code>\"checkbox2\"<\/code>> <\/code><\/div>\n
checkbox2 <\/code><\/div>\n
<<\/code>input<\/code> type<\/code>=<\/code>\"checkbox\"<\/code> name<\/code>=<\/code>\"checkbox\"<\/code> value<\/code>=<\/code>\"checkbox3\"<\/code>> <\/code><\/div>\n
checkbox3 <\/code><\/div>\n
<<\/code>input<\/code> type<\/code>=<\/code>\"checkbox\"<\/code> name<\/code>=<\/code>\"checkbox\"<\/code> value<\/code>=<\/code>\"checkbox4\"<\/code>> <\/code><\/div>\n
checkbox4 <\/code><\/div>\n
<<\/code>input<\/code> type<\/code>=<\/code>\"checkbox\"<\/code> name<\/code>=<\/code>\"checkbox\"<\/code> value<\/code>=<\/code>\"checkbox5\"<\/code>> <\/code><\/div>\n
checkbox5 <\/code><\/div>\n
<<\/code>input<\/code> type<\/code>=<\/code>\"checkbox\"<\/code> name<\/code>=<\/code>\"checkbox\"<\/code> value<\/code>=<\/code>\"checkbox6\"<\/code>> <\/code><\/div>\n
checkbox6 <\/code><\/div>\n
<<\/code>input<\/code> type<\/code>=<\/code>\"checkbox\"<\/code> name<\/code>=<\/code>\"checkbox\"<\/code> value<\/code>=<\/code>\"checkbox7\"<\/code>> <\/code><\/div>\n
checkbox7 <\/code><\/div>\n
<<\/code>input<\/code> type<\/code>=<\/code>\"checkbox\"<\/code> name<\/code>=<\/code>\"checkbox\"<\/code> value<\/code>=<\/code>\"checkbox8\"<\/code>> <\/code><\/div>\n
checkbox8 <\/code><\/div>\n
<\/<\/code>div<\/code>> <\/code><\/div>\n
<\/<\/code>form<\/code>> <\/code><\/div>\n
<\/<\/code>body<\/code>> <\/code><\/div>\n
<\/<\/code>html<\/code>><\/code><\/div>\n<\/div>\n<\/div>\n
\n
<\/div>\n<\/div>\n<\/div>\n

\u4ee5\u4e0a\u5c31\u662f\u5173\u4e8ejquery\u4e2dcheckbox\u4f7f\u7528\u65b9\u6cd5\u7b80\u5355\u5b9e\u4f8b\u6f14\u793a<\/p>\n","protected":false},"excerpt":{"rendered":"

\u4e3e\u4e867\u4e2a\u4e0d\u540c\u7684checkbox\u72b6\u6001\uff0c\u548c\u5927\u5bb6\u4e00\u4e00\u5206\u4eab\u3002 1\u3001\u5168…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-521","post","type-post","status-publish","format-standard","hentry","category-javascript"],"_links":{"self":[{"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/posts\/521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/comments?post=521"}],"version-history":[{"count":1,"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/posts\/521\/revisions"}],"predecessor-version":[{"id":1193,"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/posts\/521\/revisions\/1193"}],"wp:attachment":[{"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/media?parent=521"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/categories?post=521"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/tags?post=521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}