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>
    
    


  • 相关阅读:
    PowerDesigner反向生成物理数据模型
    10个JavaScript的难点
    Golang数组拼接为字符串
    Golang对元素slice并去重
    golang获取开始日期和结束日期的所有日期列表
    go数组取交集截取
    golang学习笔记
    go语言time包简单使用
    windows为GO设置代理解决go get缓慢
    sublime使用笔记
  • 原文地址:https://www.cnblogs.com/yangchongxing/p/7642402.html
Copyright © 2011-2022 走看看