jq判断checked是否选中、制作全选的checkedbox

你的名字 2022-05-19 12:46 142阅读 0赞

Html：

<input id='timesingle1' name="singleInput" type="checkbox" checked="true" />

jq:

if($(".timeListsingle input",parent.document).is(':checked')){//如果选中
    				$(".timeListBox>span",parent.document).remove();
    				$(".timeListBox",parent.document).append(span);
    			}else{
    				window.parent.disable("#dlbjfxSelect");
    				$(".timeListBox",parent.document).append(span);
    			}

制作全选的checked

$(".ckAll").unbind().click(function(){//全选按钮的类
      
    	    var userids=this.checked; //保存全选按钮的选择状态
    	    //获取name=box的复选框 遍历输出复选框
    	    $("input[name=energy]").each(function(){ //找到要被控制的所有checked
    	    this.checked=userids; //将全选按钮的状态赋值给每一个checkedbox
    	    });
    });

所有checkbox选了之后，让全选按钮也勾上

$("input[name=energy]").click(function(){
    	    		//获取选中复选框长度
    	    		var length=$("input[name=energy]:checked").length;
    	    		//所有复选框的长度
    	    		var len=$("input[name=energy]").length;
    	    		if(length==len){
    	    			$(".ckAll").get(0).checked=true; //$(".call").get(0)是找到对应的 
                                                           target(html语句)
    	    		}else{
    	    			$(".ckAll").get(0).checked=false;
    	    		}
    	    		
    	    		
                });

默认全选中则在语句中

$(".ckAll").click();

发表评论取消回复

表情：

评论列表（有 0 条评论，142人围观）

还没有评论，来说两句吧...

相关阅读

相关 JQ 下 checkbox 全选、全不选功能

需要引入jq.js HTML <input onclick="allchose($(this))" type="checkbox" name="" id="" va

向右看齐/ 2022年12月20日 01:53/ 0 赞/ 177 阅读

相关 Jquery 判断 checked 是否选中

如果要判断Js中的 checked 是否选中，首先取决于你 `引用` 的 Jquery 的版本。首先，我引用的是 jQuery v1.11.2 的版本出现的效果如下：（

超、凢脫俗/ 2022年08月21日 10:49/ 0 赞/ 263 阅读

相关用js判断复选框（checkbox）是否选中的问题

/ 应用场景：页面提供checkbox供选择，可以多选但是不能为空，为空时候要进行相关的提示操作。但是怎么判断为空呢？就需要用到下面说的这种情况。

客官°小女子只卖身不卖艺/ 2022年08月21日 07:54/ 0 赞/ 282 阅读

相关复选框选中的判断~

这么基础的技术发帖，实在是不太好意思，没办法，网上的案例好多都无效了，暂时没时间研究细节，先记录下结论：环境：jQuery v1.11.1 <!DOC

梦里梦外;/ 2022年08月18日 11:51/ 0 赞/ 320 阅读

相关 jq判断checked是否选中、制作全选的checkedbox

Html： <input id='timesingle1' name="singleInput" type="checkbox" checked="true" />

你的名字/ 2022年05月19日 12:46/ 0 赞/ 143 阅读

相关 uniApp 多选框checkbox ，判断是否选中

uniApp 多选框checkbox ，判断是否选中 ![4a9631149e30a9b4cbc600f5a5e3200e.jpg][]admin2019-04-25 【

╰半夏微凉°/ 2022年04月25日 09:42/ 0 赞/ 2903 阅读

相关 JS、JQ中判断checkbox是否选中

JS： Html <input type="checkbox" class="checkbox" /> JS var check = documen

今天药忘吃喽~/ 2022年03月17日 05:22/ 0 赞/ 363 阅读

相关判断Combobox是否选中

转自博客： http://www.notelee.com/combobox-is-choosed.html 如何判断combobox是否选中？如何判断Com

我就是我/ 2022年02月02日 03:11/ 0 赞/ 564 阅读

相关 jQuery 判断复选框是否被选中

jQuery 判断复选框（checkbox）是否被选中，请阅读我的原创文章[《jQuery attr()与prop()》][jQuery attr_prop]，文章中的 pro

古城微笑少年丶/ 2022年01月31日 08:55/ 0 赞/ 359 阅读

相关 jq实现全选或者全不选

$("all").click(function () { if($(this).is(":checked")){

末蓝、/ 2021年09月20日 09:54/ 0 赞/ 352 阅读