zoukankan      html  css  js  c++  java
  • JQuery 操作checkbox

    获取checkbox选中的状态

    deleteAll全选的name

    1. $("input[name='deleteAll']").is(":checked")

    2. $("input[name='deleteAll']").prop("checked")

    3. deleteAll.checked


    设置选着的状态

    $("input[name='delete']").prop("checked", false);


    例子:全选选中,子全选中;全选不选,子全不选。子全选中,全选选中;子部分选中,全选不选。


    $("input[name='deleteAll']").click(function(){
    	if ( $("input[name='deleteAll']").prop("checked") ) {
    		$("input[name='delete']").prop("checked", true);
    	} else {
    		$("input[name='delete']").prop("checked", false);
    	}
    });
    
    $("input[name='delete']").click(function () {
    	if (this.checked) {
    		var all = $("input[name='delete']").length;
    		var sub = $("input[name='delete']:checked").length;
    		if (all === sub) {
    			$("input[type='checkbox']").prop("checked", true);
    		}
    	} else {
    		$("input[name='deleteAll']").prop("checked", false);
    	}
    });
    
    
    <s:checkbox name="deleteAll" value="false"></s:checkbox>
    
    <s:checkbox name="delete" value="#userItem.selected"></s:checkbox>
    <s:checkbox name="delete" value="#userItem.selected"></s:checkbox>
    <s:checkbox name="delete" value="#userItem.selected"></s:checkbox>
    <s:checkbox name="delete" value="#userItem.selected"></s:checkbox>
    <s:checkbox name="delete" value="#userItem.selected"></s:checkbox>
    
    


  • 相关阅读:
    MySQL学习笔记
    为什么使用多态?实现多态的有哪些方式
    C++中派生类使用基类成员的问题
    实现Modbus ASCII多主站应用
    PHP第四天 函数引用传值
    Webpack 快速上手(下)
    Java---23种设计模式(九)------组合模式
    【笔记】Linux就该这么学-第六课第四章
    Node.js HTTPS
    Node.js Smalloc
  • 原文地址:https://www.cnblogs.com/yangchongxing/p/7642402.html
Copyright © 2011-2022 走看看