Javascript は、checkBox_javascript スキルの完全選択、逆選択、および割り当てを実装します。

私たちが普段プロジェクトに取り組んでいると、チェックボックスの完全選択、逆選択、割り当てを実現する必要がある状況によく遭遇します。インターネット上にたくさんの例がありますので、ここで私がよく使用する方法を紹介します。それをみんなに。

コードをコピーします コードは次のとおりです:

//js 値が配列にあるかどうか
Array.prototype.in_array = function(e){
for(i=0;i if(this[i] == e)
return true;
}
false を返します;
}
//js 配列インデックス
Array.prototype.find_str=関数(文字列){
var str = this.join("");
戻り 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 < ids.length; i ){
if(ids[i].checked)
houseIds.push(ids[i].value);
}
アラート(ハウスID);
}その他{
$("[name='checkboxes']").removeAttr("checked");//選択を反転 ID を削除
houseIds=[];
アラート(ハウスID);
}
})
//単一選択に ID を追加
関数チェック(obj){
if(!houseIds.in_array(obj.value)){
houseIds.push(obj.value);
アラート(ハウスID);
}その他{
varindex=houseIds.find_str(obj.value);
houseIds.splice(index, 1)
アラート(ハウスID);
}
}

上記はこの例のコード全体です。JavaScript を使用してチェックボックスを制御する方法を学ぶのに役立つことを願っています。