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


  • 相关阅读:
    redis
    基础加强(@注解)
    过滤器Filter
    监听器
    ajax
    Java 常用类Math、System、时间相关Calender和Date
    Java Object、Scanner、String 、生成jar包
    Java 内部类、eclipse、包
    Java 面向对象之抽象
    Java 面向对象三大特征之多态
  • 原文地址:https://www.cnblogs.com/keanuyaoo/p/3285508.html
Copyright © 2011-2022 走看看