當前位置：
首頁 >
JQuery对checkbox操作 （循环）
發布時間：2025/5/22
20
豆豆
生活随笔
收集整理的這篇文章主要介紹了
JQuery对checkbox操作 （循环）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
???? 下面是Jquery對checkbox的一些操作，全選，反選，取消全選等等...
????
View Code <%@?Page?Language="C#"?AutoEventWireup="true"?CodeFile="DemoCheckBox.aspx.cs"?Inherits="DemoCheckBox"?%><!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">
<head?runat="server">
????<title>無標題頁</title>
????<script?src="js/jquery-1.6.min.js"?type="text/javascript"></script>
???<script?type="text/javascript">
?????jQuery(function($){
?????//全選
???????$("#btn1").click(function(){
??????????$("input[name='checkbox']").attr("checked","true");
???????})
???????//取消全選
???????$("#btn2").click(function(){
????????$("input[name='checkbox']").removeAttr("checked");
???????})
???????//選中所有基數
???????$("#btn3").click(function(){
??????????$("input[name='checkbox']:even").attr("checked","true");
???????})
???????//選中所有偶數
???????$("#btn6").click(function(){
??????????$("input[name='checkbox']:odd").attr("checked","true");
???????})
????????//反選
???????$("#btn4").click(function(){
??????????$("input[name='checkbox']").each(function(){
????????????if($(this).attr("checked"))
????????????{
???????????????$(this).removeAttr("checked");
????????????}
????????????else
????????????{
?????????????$(this).attr("checked","true");??
????????????}
??????????
??????????})
???????})?
???????//或許選擇項的值
???????var?aa="";
???????$("#btn5").click(function(){
??????????????$("input[name='checkbox']:checkbox:checked").each(function(){
??????????????aa+=$(this).val()
???????????
??????????})?
??????????document.write(aa);
???????})
????????
?????})
???</script>
</head>
<body>
????<form?id="form1"?runat="server">
????<div>
???<input?type="button"?id="btn1"?value="全選">
???<input?type="button"?id="btn2"?value="取消全選">
???<input?type="button"?id="btn3"?value="選中所有奇數">
?????<input?type="button"?id="btn6"?value="選中所有偶數">
???<input?type="button"?id="btn4"?value="反選">
???<input?type="button"?id="btn5"?value="獲得選中的所有值">
???<br>
???<input?type="checkbox"?name="checkbox"?value="checkbox1">
???checkbox1
???<input?type="checkbox"?name="checkbox"?value="checkbox2">
???checkbox2
???<input?type="checkbox"?name="checkbox"?value="checkbox3">
???checkbox3
???<input?type="checkbox"?name="checkbox"?value="checkbox4">
???checkbox4
???<input?type="checkbox"?name="checkbox"?value="checkbox5">
???checkbox5
???<input?type="checkbox"?name="checkbox"?value="checkbox6">
???checkbox6
???<input?type="checkbox"?name="checkbox"?value="checkbox7">
???checkbox7
???<input?type="checkbox"?name="checkbox"?value="checkbox8">
?checkbox8
????</div>
????</form>
</body>
</html>
?
《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的JQuery对checkbox操作 （循环）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： CACTI使用指南
- 下一篇： 网站不允许上传asp cer cdx h