1. 程式人生 > >獲取checkbox選中的值

獲取checkbox選中的值

JSP頁面刪除通過checkbox選中的多條記錄需要傳遞id值

以下jquery程式碼獲取所有輸入框為checkbox的id值

<span style="font-size:14px;"><script>
function fun(){
     var value ="";//定義一個數組    
       $('input[name="id"]:checked').each(function(){//遍歷每一個名字為id的複選框,其中選中的執行函式    
       value+=$(this).val()+",";//將選中的值新增value中,以逗號分開   
       });
     location="delete?id="+value;
    }
</script></span>

下面是用javascript程式碼獲取:

<span style="font-size:14px;">function del(){
	var obj = document.getElementsByName("id");//選擇所有name="id"的物件,返回陣列    
	var v='';//如果這樣定義var v;變數v中會預設被賦個null值
	for(var i=0;i<obj.length;i++){
		if(obj[i].checked) {//取到物件陣列後,我們來迴圈檢測它是不是被選中
			 v+=obj[i].value+","; 
		}  //如果選中,將value新增到變數v中    
	     }
		 alert(v);
	   location="delete?id="+v;
	}</span>

頁面多條記錄的checkbox框

<input type="checkbox" name="rid" id="box" value="${data.id }" />