ユーザーのクリックにチェックボックスの値が格納される配列があります。今私は配列内の要素が同じ名前(グループのチェックボックス名)または別の名前を持っているかどうか条件を与えるために、コード内の特定のロジックにifループを使用する必要があります。どうすればjavascriptやjqueryでそれを行うことができますか?2つの入力要素の名前が異なっているかどうかをチェックします。
答えて
var Array = ['bob','bob','smith','smith','john','john'];
var UniqueArray = new Array();
var obj = {};
$.each(Array , function(i,value) {
if(!obj[value]) {
obj[value] = true;
UniqueArray.push(value)
}
})
あなたはこのようなことを期待していますか?スタックオーバーフローへ
$(function() {
// create an array.
var elements = [];
// click event for all input of type checkbox.
$('[type="checkbox"]').on("click", function() {
// restrict no. of items to be inserted into the array to 2
if (elements.length <= 2) {
// push each element to array.
elements.push($(this));
}
// compare name attribute of 1st and 2nd element in array.
if (elements.length == 2) {
if (elements[0].attr('name') == elements[1].attr('name')) {
alert('elements with same name');
} else {
alert('elements with differnt name');
}
//clear all elements from array.
elements = [];
//clear all checkbox.
$('input:checkbox').removeAttr('checked');
}
// if you want to iterate through array use $.each
/*$.each(elements,function(index,data){
alert(data.attr('name'));
});
*/
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
first checkbox - :"myCheckBox":
<input type="checkbox" name=myCheckBox id="cbxCustom1" />
<br>second checkbox - :"myCheckBox":
<input type="checkbox" name=myCheckBox id="cbxCustom2" />
<br>third checkbox - :"myCheckBoxNew":
<input type="checkbox" name=myCheckBoxNew id="cbxCustom3" />
こんにちは、私はそれを試しました。しかし、私にエラーフィルター[0] .attrを与えることは関数ではありません。フィルタは私の配列です。 –
@ShenbagaRajanいいえ、このスニペットは私には間違いを与えません。発射エラー?コードをお持ちの場合は、質問に添付してください。 –
while(i
- 1. 要素に2つのクラスがあるかどうかをチェック
- 2. 要素がクラスを持っているかどうかjQueryチェック
- 3. SCSS:子の入力がチェックされているかどうかの要素のスタイルを変更します。
- 4. 2つの配列に同じ要素が含まれていて、要素を取得しているかどうかを迅速にチェックしますか?
- 5. GridViewのチェックボックスにチェックが入っているかどうかチェックします
- 6. UI要素/ RectTransformがオーバーラップしているかどうかをチェック
- 7. jQueryのホバー私が持っているどのような2つの異なるdiv要素の
- 8. 異なる名前のjQueryクローン要素
- 9. どのような要素をチェックするかは、特定の属性を持っているかどうか
- 10. はどのようにいくつかの入力要素
- 11. セレン2を使って古くなった要素をチェックしますか?
- 12. 異なる名前空間を持つXSLT出力の子要素
- 13. どのように2つの要素が1つの要素をデータターゲットとしていますか?
- 14. 要素がスクロールされているかどうかチェックする
- 15. onclickは、その要素がhasClass()でないかどうかをチェックします。
- 16. Ember.js:DOMに表示要素が挿入されているかどうかをチェック
- 17. 要素にidという名前の子ノードがあるかどうかをチェック
- 18. 1つの要素が前の要素と等しいかどうかを確認します。R
- 19. jQueryのは、私がする必要がどのような異なるIDを持つ2つの要素
- 20. 2つの連続する行が異なっているかどうかを確認してください。
- 21. 要素上の同じ2つのcssクラスのスタイルが異なっている必要があります
- 22. フォームの入力要素の名前が「Jquery」で始まる動的な属性
- 23. セレン2 - 暗黙のうちに要素が存在しないかどうかをチェックする方法?
- 24. Prologで2つのリストの各要素が再帰的にどのようにチェックされていますか?
- 25. ファイル名がPython 3の名前と同じかどうかをチェックします。
- 26. チェックボックスでチェックされている要素の名前を取得
- 27. 類似の名前が2つ入力されていることを確認しますか?
- 28. JQueryオンロードをチェックしていない入力が空であるかどうかを確認しますか?
- 29. 同じテキストが2つの異なるxpathの下に表示されているかどうかをチェック
- 30. は、どのように私は、入力の名前があるフォーム持っている名前=「製品[]」
ようこそ。 Minimal、Complete、Verifiableの質問の作成方法の詳細については、[こちらを読む](http://stackoverflow.com/help/mcve)を参照してください。 – Toby
このウェブサイトは金鉱です。見てみましょう:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for – Gatsbill