javascript實現checkBox的全選，反選與賦值_javascript技巧

我們平常在做專案的時候，常常會遇到需要實現checkBox的全選，反選與賦值的情況，網路上也有許多的範例，這裡給大家分享的是本人常用的方法，推薦給大家。

複製程式碼 程式碼如下:

//js 數值是否在陣列中
Array.prototype.in_array = function(e){
　　for(i=0;i 　　　　if(this[i] == e)
　　　　　　return true;
　　}
　　return false;
}
//js數組index
Array.prototype.find_str=function(string){
　　var str = this.join("");
　　return str.indexOf(string);
}
var houseIds=new Array();
$("#chebox-list-all").click(function(){
　　if($("#chebox-list-all").attr("checked")){
　　　　$("[name='checkboxes']").attr("checked",'true');//全選 增加id
　　　　var ids = document.getElementsByName('checkboxes');
　　　　var value = new Array();
　　　　for(var i = 0; i 　　　　　　if(ids[i].checked)
　　　　　　houseIds.push(ids[i].value);
　　　　}
　　alert(houseIds);
　　}else{
　　　　$("[name='checkboxes']").removeAttr("checked");//反選 刪除Ids
　　　　houseIds=[];
　　　　alert(houseIds);
　　}
})
//單選增加id
function check(obj){
　　if(!houseIds.in_array(obj.value)){
　　　　houseIds.push(obj.value);
　　　　alert(houseIds);
　　}else{
　　　　var index=houseIds.find_str(obj.value);
　　　　houseIds.splice(index, 1)
　　　　alert(houseIds);
　　}
}

以上就是本範例的全部程式碼了，希望對大家學習使用javascript控制checkbox有幫助。