jQuery检测判断复选框是否被选中了的几种方法

  • Post author:
  • Post category:其他


今天项目有个新的需求,实现一个恢复出厂设置的功能,后台参数已经给我,需要我根据参数做出恢复出厂的俩种情况,一种是恢复数据,另一种数据和配置都要恢复。所以我决定用用复选框来控制两种情况,通过复选框来判断ajax传递的路径。


方法一:

if ($(“#checkbox-id”).checked) {


// do something

}


方法二:

if($(‘#checkbox-id’).is(‘:checked’)) {


// do something

}


方法三:

if ($(‘#checkbox-id’).attr(‘checked’)) {


// do something

}

顺便写一个用js判断复选框是否选中的demo(js部分)

<span style="color:#ff0000"><script>
function checkbox()
{
var str=document.getElementsByName("box");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
{
  if(str[i].checked == true)
  {
   chestr+=str[i].value+",";
  }
}
if(chestr == "")
{
  alert("请先选择复选框~!");
}
else
{
  alert("复选框的值是:"+chestr);
}
}
</script>
选择您的拿手技术:
  <input type="checkbox" name="box" id="box1" value="ASP" />java
  <input type="checkbox" name="box" id="box2" value="PHP" />PHP
  <input type="checkbox" name="box" id="box3" value="JSP" />html
  <input type="button" name="button" id="button" onclick="checkbox()" value="提交" /></span>



版权声明:本文为TeachYouToBe原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。