判断checkbox选中状态
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了判断checkbox选中状态相关的知识,希望对你有一定的参考价值。
有test.aspx页面,在codebehind里动态在页面里创建一个checkbox控件,创建后用户在页面选中该checkbox,在codebehind里如何取该checkbox的值?(即是选中还是未选中状态)
参考技术A CheckBoxchkMy=this.FindControl("控件的ID")
AS
CheckBox;
上面的这个查找方法,是用于表单的第一层
如果不是第一的话,那么:
CheckBox
chkMy=this.FindControl("控件的ID",第几次)
AS
CheckBox;
找到控件了,那么选中的话,就是
if(chkMy.Checked)
......
使用jquery/javascript判断及改变checkbox选中状态
一、使用jquery判断及改变checkbox选中状态
1.使用JQuery判断一个checkbox 是否为选中:
(1).attr(‘checked)
看JQuery版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
(2).prop(‘checked‘)
1.6+:true/false
(3).is(‘:checked‘)
eg:$("input[type=‘checkbox‘]").is(‘:checked‘);选中为true,未选中为false;
所有版本:true/false
2.改变选中状态
(1)使用attr方法进行checkbox状态的改变。
选中:$("input[type=‘checkbox‘]").attr("checked",true);
取消选中:$("input[type=‘checkbox‘]").attr("checked",false);
(2)但是有时使用attr操作,虽然属性值改变了,但是页面上的checkbox并没有选中。在这种情况下,建议使用prop方法来操作改变checkbox选中状态。
选中:
$("input[type=‘checkbox‘]").prop("checked",true);
$("input[type=‘checkbox‘]").prop({checked:true}); //map键值对
$("input[type=‘checkbox‘]").prop("checked",function(){return true;});//函数返回true或false
$("input[type=‘checkbox‘]").prop("checked","checked");
取消选中:
$("input[type=‘checkbox‘]").prop("checked",false);
3.获取value值
使用Jquery获取checkbox的值,在没有给value值的情况下,获取的值为"on"。
使用Jquery获取checkbox的值,给value值的情况下,获取的值是value值。
4.举例:实现反选
$(":checkbox").each(function(){ if($(this).prop("checked")){ $(this).prop("checked",false); }else{ $(this).prop("checked",true); } });
其中:
全选: $(":checkbox").prop("checked",true)
取消全选:$(":checkbox").prop("checked",false)
获取选中的:$(":checkbox:checked")
二、使用javascript判断及改变checkbox选中状态
判断:
document.getElementById("someCheckbox").checked //值为true或false
改变
document.getElementById("someCheckbox").checked = true;
document.getElementById("someCheckbox").checked = false;
以上是关于判断checkbox选中状态的主要内容,如果未能解决你的问题,请参考以下文章
jquery判断checkbox是否选中及改变checkbox状态
jquery判断checkbox是否选中及改变checkbox状态