关于复选框选中状态的判断

1.checked的选中状态

不设置checked是默认不选被选中的,

一旦设置checked="false"或者checked = false或者checked="true"或者checked = true或者不设置任何值,都会被解释为选中。

<input type="checkbox" name="test" id="test1"/>  //未被选中
<input type="checkbox" name="test" id="test2"/ checked="false">  //选中
<input type="checkbox" name="test" id="test3"/ checked="true">  //选中
<input type="checkbox" name="test" id="test4"/ checked=false>  //选中
<input type="checkbox" name="test" id="test5"/ checked=true>  //选中
<input type="checkbox" name="test" id="test6"/ checked >  //选中

2.取值(.val())---不能用来判断状态

<input type="checkbox" name="test" id="test1"/> //未被选中
<input type="checkbox" name="test" id="test2"/ checked>  //选中
console.log($("#test1").val())  //打印出on
console.log($("#test2").val())  //打印出on

对checked取值,无论是选中状态或者未选中状态都是on,

所以要判断是否选中,不能使用.val()

3.取属性值(.attr)---不能用来判断状态

<input type="checkbox" name="test" id="test1"/> //未被选中
<input type="checkbox" name="test" id="test2"/ checked>  //选中
console.log($("#test1").attr("checked"))  //打印出undefine
console.log($("#test2").attr("checked"))  //打印出undefine

对checked取值,无论是选中状态或者未选中状态都是undefine,

所以要判断是否选中,不能使用.attr("checked")

4.获取当前状态(.prop())---可用来判断状态

<input type="checkbox" name="test" id="test1"/> //未被选中
<input type="checkbox" name="test" id="test2"/ checked>  //选中
console.log($("#test1").prop("checked"))  //打印出false
console.log($("#test2").prop("checked"))  //打印出true

用prop取值,选中状态为true,未选中状态都是false,

所以要判断是否选中,可以使用.prop("checked")

5.$("input[type=‘checkbox‘]").is(‘:checked‘)---可用来判断状态

<input type="checkbox" name="test" id="test1"/> //未被选中
<input type="checkbox" name="test" id="test2"/ checked>  //选中
console.log($("#test1").is(":checked"))  //打印出false
console.log($("#test2").is(":checked"))  //打印出true

用.is(‘:checked‘),选中状态为true,未选中状态都是false,

所以要判断是否选中,可以使用.is(‘:checked‘)

时间: 2024-10-10 13:25:28

关于复选框选中状态的判断的相关文章

jquery复选框 选中事件 及其判断是否被选中

今天做了 显示和不显示密码的效果 遇到了一个小小的问题 1 $("#showPassword").attr("checked") 居然提示undefied 查了资料后 才发现 需要改为 $("#showPassword").prop("checked") 2 是否被选中事件为 change事件 也可以写为:

jquery复选框 选中事件 及其判断是否被选中_常用笔记

change事件 也可以写为:

Web前端之复选框选中属性

熟悉web前端开发的人都知道,判断复选框是否选中是经常做的事情,判断的方法很多,但是开发过程中常常忽略了这些方法的兼容性,而是实现效果就好了.博主之前用户不少方法,经常Google到一些这个不好那个不好的文章,到后面自己都混乱了.今天偶然看到一篇外国的博客,觉得讲解的很不错,打算翻译成中文,并加上了一些自己的见解.翻译的目的一是分享给大家,二是方便自己查阅.原文链接是:http://conceptf1.blogspot.com/2014/10/checkbox-checked-property.

checkbox全选/全不选,子复选框全选父复选框选中

<input type="checkbox" class="optionListAll">/* 父复选框 */ <input type="checkbox" name="optionList"> <input type="checkbox" name="optionList"> <input type="checkbox" n

C# Word中插入复选框选中符号

object fontname = "Wingdings 2";  object uic = true;    doc.Bookmarks.get_Item(ref lblmark).Range.InsertSymbol(-4014, ref fontname, ref uic, ref missing); C# Word中插入复选框选中符号,布布扣,bubuko.com

js 设置多个复选框选中和取消选中

// 设置选中 function setCheckboxClick(obj) { if(obj == null) { $.messager.alert('警告', "请选择要设置选中的项!",'warning'); } // alert(obj.value); var authorityId = obj.value; $.ajax({ type: 'post', url: 'getAuthorityByAuthorityId.action', data: {"authorit

将DataGridView每一行的复选框选中,将DataGridView选中的复选框删除

1,将DataGridView每一行的复选框选中 //DataGridView的行大于0行 if (dgv_MessageList.Rows.Count > 0)            {                for (int i = 0; i < dgv_MessageList.Rows.Count; i++) //循环DataGridView每一行                {                    if (checkBox1.Checked)  //如果选中

Javascript 统计复选框选中个数

var checked = document.getElementsByName("checked_c[]"); var checked_counts = 0; for(var i = 0; i < checked.length; i ++){ if(checked[i].checked){ checked_counts++; } } checked_counts 即是统计复选框选中个数

JQuery的复选框选中、取消、全选,全不选问题

一.必须引入JQuery库: 下面是js代码: /*** * 服务管理块>>>复选框事件处理 */ //服务管理复选框被选中.取消$(function(){ $("#ServiceManageMent").click(function(){ if(this.checked){ $(".checkb3").each(function(){ this.checked = true; $(this).val(1); }); }else{ $("