1. 程式人生 > >checkbox型別input獲取選中值和設定選中狀態

checkbox型別input獲取選中值和設定選中狀態

設定選中狀態JS程式碼:
var listcheck = document.getElementsByName("btn_check");//獲取checkbox列表
for(var i=0;i<listcheck.length;i++){
    if(listcheck[i].value == result["personid"]){//判斷條件
	listcheck[i].checked = true;
    }
 else {
    listcheck[i].checked = false;
 }
} 

獲取選中值JS程式碼:

var selectidlist="";//將選中值拼接成字串
var check=document.getElementsByName("ljzdcheck_update");
for(var i=0;i<check.length;i++){
     if(check[i].checked==true){
        selectidlist=selectidlist+check[i].id+",";
     }
 }

HTML程式碼如下:

<li style='cursor:pointer;margin-left:20px;line-height:25px;'><input type='checkbox' name='btn_check' id='"+data[j].pointid+"' value='"+data[j].pointid+"'><span style='margin-left:10px;color:#64d5e3;'>"+data[j].pointname+"</span></li>