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>
    
    


  • 相关阅读:
    POJ_2387_最短路
    HDU_3172_带权并查集
    Python_多线程1(创建线程,简单线程同步)
    POJ_3013_最短路
    codeforces_725C_字符串
    python_文件io
    codeforces_731D_(前缀和)(树状数组)
    codeforces_738D
    java反射机制
    struts2入门
  • 原文地址:https://www.cnblogs.com/yangchongxing/p/7642402.html
Copyright © 2011-2022 走看看