<img src="http://files.jb51.net/upload/2009-11/20091104222718469.gif" border="0" alt="jqueryチェックボックスをすべて選択する 逆選択効果 code_jquery" ><br>実行後に効果を確認するには、更新する必要があります。 <br><div class="htmlarea"> <textarea id="runcode75075"> <title>jQuery イベント 2</title> <div id="show"> <div> </div> <div>あなたの好きなスポーツは何ですか?<input id="Text1" type="text"> </div>あなたの名前:<div id="title"> <input id="Checkbox1" name="item" type="checkbox" value="足球"> <input id="Checkbox2" name="item" type="checkbox" value="篮球"><input id="Checkbox3" name="item" type="checkbox" value="兵乓球">サッカー <input id="Checkbox4" name="item" type="checkbox" value="游泳">バスケットボール </div>卓球 <div id="content">水泳 <input id="Button1" type="button" value="全选"> <input id="Button2" type="button" value="取消反选"> </div> <input id="Button3" type="button" value="反选"><input id="Button4" type="button" value="Click"> </div> </textarea> <br> <input onclick="runEx('runcode75075')" type="button" value="运行代码"><input onclick="doCopy('runcode75075')" type="button" value="复制代码"><input onclick="doSave(runcode75075)" type="button" value="保存代码"> <a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank"> </a>[Ctrl A すべて選択 注: </div>外部 Js を導入する必要がある場合は、<script src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script> を実行するために更新する必要があります]<script type="text/javascript"><!-- $(function(){ var v; //全选 $("#Button1").bind("click",function(){ $("[name=item]:checkbox").attr("checked",true); }); //反选 $("#Button2").bind("click",function(){ $("[name=item]:checkbox").attr("checked",false); }); // $("#Button3").bind("click",function(){ $("[name=item]:checkbox").each(function(){ this.checked=!this.checked; }) }); var str=""; $("#Button4").bind("click",function(){ $("[name=item]:checkbox:checked").each(function(){ str+=$(this).val()+"," }) alert("您最喜欢的运动是:"+str); str=""; }) }) // --></script>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
