1. 程式人生 > >jQuery檢測判斷複選框是否被選中了的幾種方法

jQuery檢測判斷複選框是否被選中了的幾種方法

今天專案有個新的需求,實現一個恢復出廠設定的功能,後臺引數已經給我,需要我根據引數做出恢復出廠的倆種情況,一種是恢復資料,另一種資料和配置都要恢復。所以我決定用用複選框來控制兩種情況,通過複選框來判斷ajax傳遞的路徑。

方法一:
if ($("#checkbox-id")get(0).checked) {
    // do something
}

方法二:
if($('#checkbox-id').is(':checked')) {
    // do something
}

方法三:
if ($('#checkbox-id').attr('checked')) {
    // do something
}

順便寫一個用js判斷複選框是否選中的demo(js部分)

<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="提交" />