zoukankan      html  css  js  c++  java
  • jquery获取复选框

    Html代码:

    <input type="checkbox" name="chekItem" />
    		checkbox1
    		<br />
    		<input type="checkbox" name="chekItem" />
    		checkbox2
    		<br />
    		<input type="checkbox" name="chekItem" />
    		checkbox3
    		<br />
    		<input type="checkbox" name="chekItem" />
    		checkbox4
    		<br />
    		<input type="button" id="btn1" value="全选" />
    		<br />
    		<input type="button" id="btn2" value="取消全选 " />
    		<br />
    		<input type="button" id="btn3" value="反选 " />
    		<br />
    		<input type="button" id="btn4" value="选中所有偶数 " />
    		<br />
    		<input type="button" id="btn5" value="输出选中的值 " />


    Jquery代码:

    <script type="text/javascript">
    $("document").ready(function() {
    	$("#btn1").click(function() {
    		$("input[name='chekItem']").each(function() {//全选
    					$(this).attr("checked", !this.checked);
    				});
    	});
    
    	$("#btn2").click(function() {
    		$("[name='chekItem']").removeAttr("checked");//取消全选  
    		});
    
    	$("#btn3").click(function() {
    		$("[name='chekItem']").each(function() {//反选  
    					if ($(this).attr("checked")) {
    						$(this).removeAttr("checked");
    					} else {
    						$(this).attr("checked", true);
    					}
    				});
    	});
    
    	$("#btn4").click(function() {
    		$("[name='chekItem']:odd").attr("checked", true);//选中所有偶数  
    		});
    
    	$("#btn5").click(function() {//输出选中的值  
    				var str = "";
    				$("[name='chekItem'][checked]").each(function() {
    					str += $(this).val() + "/r/n";
    					alert($(this).val());
    				});
    				alert(str);
    			});
    
    });


  • 相关阅读:
    drf—— 序列化组件
    drf—— RESTful API规范
    drf——APIView及其内部函数/类的源码分析
    drf—— drf的安装和使用
    226翻转二叉树
    51,N皇后
    557反转字符串中的单词III
    17.电话号码的字母组合
    459重复的子字符串
    419递增子序列
  • 原文地址:https://www.cnblogs.com/keanuyaoo/p/3285508.html
Copyright © 2011-2022 走看看