通過Ajax動態生成的頁面,解決複選框,選擇一次不能再選擇的問題

相信這個例子大家都看過了

http://www.helloweba.com/view-blog-254.html

在一般的頁面都能用,可是在Ajax動態生成的頁面上卻不能用。

下面介紹一下如何解決動態生成的頁面,實現複選框的全選與反選(checkbox)


實現全選與反選。

$("#allCheckBox").click(function (){
	if(this.checked){
		$(':checkbox[name=checkName]').prop('checked',this.checked);
	}else{
		$(':checkbox[name=checkName]').prop({checked:false});
	}
});

獲取選中的值

var valArr = new Array; 
	$(":checkbox[name=checkName]").each(function(i){ 
    	if($(this).prop("checked")==true){
	        valArr[i] = $(this).val(); 
    	}
    }); 
    var vals = valArr.join(',');


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章