<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>외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 <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>
