checkbox 选中（如何判断哪个checkbox被选中）

本文目录

• 如何判断哪个checkbox被选中
• 怎么获取checkbox选中值
• 如何设置checkbox的选中状态
• checkbox 选中事件哪个
• CheckBox选中
• 判断checkbox选中状态
• 怎样判断checkbox是否选中
• 怎么获取checkbox选中状态方法
• 怎么设置checkbox元素属性并设为选中状态

如何判断哪个checkbox被选中

在html的checkbox里，选中的话会有属性checked=“checked“。
如果用一个checkbox被选中，alert这个checkbox的属性“checked“的值alert($“#xxx“.attr(“checked“))，会打印出“true“，而不是“checked“！
如果没被选中，打印出的是“undefined“。觉得很奇怪是吗？继续看下去～
不要尝试去做这样的判断：if($“#xxx“.attr(“checked“)==“true“)
//这样是错误的
因为这么做是错的，jQuery的API手册上写，attr(name)的返回值是object。所以，应该是
if($(“#xxx“).attr(“checked“)==true
)。
判断这个值$(“input[name=’weibo_count’]“).attr(“checked“);这样也行《SCRIPTLANGUAGE=“JavaScript“《!--
$(“document“).ready(function(){
$(“#btn1“).click(function(){
$(“[name=’checkbox’]“).attr(“checked“,’true’);//全选})
$(“#btn2“).click(function(){
$(“[name=’checkbox’]“).removeAttr(“checked“);//取消全选})
$(“#btn3“).click(function(){
$(“[name=’checkbox’]:even“).attr(“checked“,’true’);//选中所有奇数})
$(“#btn4“).click(function(){
$(“[name=’checkbox’]“).each(function(){
if($(this).attr(“checked“)){
$(this).removeAttr(“checked“);}else{
$(this).attr(“checked“,’true’);}})})
$(“#btn5“).click(function(){
var checks = ““;
$(“input[name=’checkbox’]“).each(function(){
if($(this).attr(“checked“) == true){checks +=$(this).val() + “|“;}})})//--
《/SCRIPT《/HEAD《BODY
《form name=“form1“ method=“post“action=““《inputtype=“button“ id=“btn1“ value=“全选“《inputtype=“button“ id=“btn2“ value=“取消全选“《inputtype=“button“ id=“btn3“ value=“选中所有奇数“《inputtype=“button“ id=“btn4“ value=“反选“《inputtype=“button“ id=“btn5“ value=“获得选中的所有值“《inputtype=“checkbox“ name=“checkbox“
value=“checkbox1“checkbox1《inputtype=“checkbox“ name=“checkbox“
value=“checkbox2“checkbox2《inputtype=“checkbox“ name=“checkbox“

怎么获取checkbox选中值

思路：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。下面进行实例演示：
1、HTML结构

《input type=“checkbox“ name=“test“ value=“1“/》《span》1《/span》
《input type=“checkbox“ name=“test“ value=“2“/》《span》2《/span》
《input type=“checkbox“ name=“test“ value=“3“/》《span》3《/span》
《input type=“checkbox“ name=“test“ value=“4“/》《span》4《/span》
《input type=“checkbox“ name=“test“ value=“5“/》《span》5《/span》
《input type=’button’ value=’提交’ onclick=“fun()“/》

2、javascript代码

function fun(){
obj = document.getElementsByName(“test“);
check_val = ;
for(k in obj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
alert(check_val);
}

如何设置checkbox的选中状态

代码如下：

var obj = document.getElementById(“tt“);
var value = obj.checked;
alert(value);// 若选中，则返回true，否则返回false
obj.checked = false;// 设置复选框为不选中状态

拓展资料：

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

checkbox 选中事件哪个

首先，checkbox是可以多选的，所以用alter提示选中的那个checkbox是不科学的，如果确实要这样做的话，可以使用onclick（）事件。《input type=“checkbox value=“checkbox1“ onclick=“alter(this.value)“》

如果要获取选中的checkbox，可以这样：
《input type=“checkbox value=“checkbox1“ name=“checkbox“》
《input type=“checkbox value=“checkbox2“ name=“checkbox“》
function getcheck(){
var x=document.getElementsByName(“checkbox“);

for (var i=0;i《x.length;i++)
{
alter(x[i].value +“ is checked!“);
}

CheckBox选中

private List《bool》 CheckBoxState = new List《bool》();
public Form1()
{
InitializeComponent();
DataBind();
LoadCheckBox();
}

/// 《summary》
/// 模拟数据绑定
/// 《/summary》
void DataBind()
{
checkBox1.Checked = true;
checkBox2.Checked = true;
checkBox3.Checked = true;
}

/// 《summary》
/// 加载3个CheckBox的状态
/// 《/summary》
void LoadCheckBox()
{
CheckBoxState.Clear();
CheckBoxState.Add(checkBox1.Checked);
CheckBoxState.Add(checkBox2.Checked);
CheckBoxState.Add(checkBox3.Checked);
}

/// 《summary》
/// 比较3个CheckBox的状态是否和原先一样,方法比较傻
/// 《/summary》
void CompareCheckBox()
{
if (CheckBoxState.Count 《= 0)
return;
if (checkBox1.Checked == CheckBoxState && checkBox2.Checked == CheckBoxState && checkBox3.Checked == CheckBoxState)
{
checkBox4.Checked = false;
}
else
{
checkBox4.Checked = true;
}
}

/// 《summary》
/// 加入Button控件，用于控制最后状态
/// 《/summary》
/// 《param name=“sender“》《/param》
/// 《param name=“e“》《/param》
private void button1_Click(object sender, EventArgs e)
{
CompareCheckBox();
LoadCheckBox();
}

判断checkbox选中状态

CheckBox
chkMy=this.FindControl(“控件的ID“)
AS
CheckBox;
上面的这个查找方法，是用于表单的第一层
如果不是第一的话，那么：
CheckBox
chkMy=this.FindControl(“控件的ID“,第几次)
AS
CheckBox;
找到控件了，那么选中的话，就是
if(chkMy.Checked)
{
......
}

怎样判断checkbox是否选中

《form onsubmit=“return checkform(this);“》

《input type=“checkbox“ name=“s“ /》 《input type=“submit“ value=“submit“/》

《/form》

function checkform(form){
  //采用通常情况的方式来验证是否被选中

  if(form.s.checked) alert(“checked“);
  
  //采用jquery方式来验证，此时，与表单无关。只需判断被选中的对象是否大于零，如果没有被选中，size()方法将返回0，如果有多个被选中，则返回被选中的个数。
  if($(“input[name=’s’]:checked“).size() 》 0) alert(“checked“);
  
  return false; //测试用，返回flase值，表单不会提交。正式使用时，可删除。
}

怎么获取checkbox选中状态方法

1、定义一个checkbox节点
2、根据id获取checkbox节点
var chk = document.getelementbyid(’iptchk’);//通过getelementbyid获取节点
3、通过checked设置为true，变checkbox为选中状态
chk.checked = true;//设置checked为选中状态

怎么设置checkbox元素属性并设为选中状态

推荐使用兼容浏览器方式。

根据W3C的表单规范 ，在checked属性是一个布尔属性，这意味着只要该 attribute 存在，即使它没有值，或是一个空字符串，该属性对应的 property 就是 true。以下是兼容浏览器方式，判断 checkbox 元素的 checked 属性是否为“真“ 的方法：

代码如下：

if ( elem.checked ) 

if ( $(elem).prop(“checked“) ) 

if ( $(elem).is(“:checked“) ) 

如果你使用jQuery 1.6 ，代码if ( $(elem).attr(“checked“) )，将获得一个属性(attribute) ，它不改变该复选框被选中和选中。它只是用来存储默认或选中属性的初始值。为了保持向后兼容，.attr() 方法从 jQuery 1.6.1+ 开始除了返回属性值外，还会更新 property 属性，因此 boolean attribute（布尔属性）不需要通过 .prop() 来改变其值。