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);
    			});
    
    });


  • 相关阅读:
    查看eclipse的安装路径
    js中Number()、parseInt()和parseFloat()的区别进行详细介绍
    JSON 基础学习1
    Jquery Math ceil()、floor()、round()比较与用法
    easyui获取当前点击对象tabs的title和Index
    java中String,int,Integer,char、double类型转换
    DNA排序
    The Peanuts
    牛的选举——取最大k个数
    数据筛选——第k小的数
  • 原文地址:https://www.cnblogs.com/keanuyaoo/p/3285508.html
Copyright © 2011-2022 走看看