jQuery檢測判斷複選框是否被選中了的幾種方法
阿新 • • 發佈:2019-02-05
今天專案有個新的需求,實現一個恢復出廠設定的功能,後臺引數已經給我,需要我根據引數做出恢復出廠的倆種情況,一種是恢復資料,另一種資料和配置都要恢復。所以我決定用用複選框來控制兩種情況,通過複選框來判斷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="提交" />