2017-09-19 29 views
-7

問題は、前に選択したチェックボックスに基づいてこのチェックボックスを選択することです。たとえば、最初のチェックボックスを選択した場合jqueryを使用して最初に選択されたチェックボックスにクラスを持つチェックボックスのみを選択します。以前に選択したチェックボックスに基づいてチェックボックスを選択します

注:このチェックボックスは動的に作成され、クラスに基づいて区別することができます。

ありがとうございます。

<input class='class1' id='id1' value='id1Value' name='checkBoxName[]' type='checkbox'>CheckBox1<br> 
<input class='class2' id='id2' value='id6Value' name='checkBoxName[]' type='checkbox'>CheckBox2<br> 
<input class='class2' id='id3' value='id2Value' name='checkBoxName[]' type='checkbox'>CheckBox3<br> 
<input class='class3' id='id4' value='id7Value' name='checkBoxName[]' type='checkbox'>CheckBox4<br> 
<input class='class3' id='id5' value='id3Value' name='checkBoxName[]' type='checkbox'>CheckBox5<br> 
<input class='class1' id='id6' value='id4Value' name='checkBoxName[]' type='checkbox'>CheckBox6<br> 

これはクラス2またはClass3にまたは任意の他としてクラスと他のチェックボックス、私はCheckBox1をチェックボックスを選択すると、それは私たちだけが唯一のclass1としてそのクラスを持つチェックボックスを選択できるようにする必要があり、それはないです。

+0

あなたがこれまでに行っているものは何でもコードを投稿する必要があります。 –

+0

それを行って、それを調べてください。 ありがとうございます –

+0

同じidのインスタンスを複数持つことはできません... – msanford

答えて

1

okが、そうここに行く:

$(document).ready(function(){ 
    $(document).find('input[name^="checkBoxName"]').click(function() { 
     var class_name = $(this).attr('class'); 
     $(document).find('input[name^="checkBoxName"]').not('.'+class_name).attr('disabled', $(this).is(':checked')); 
    }); 
}); 
+0

驚くべきことに、答えのおかげで、私はフィドルを作りました。 [link](https://jsfiddle.net/fenbgkp2/3/) これを確認してください。 最初のチェックボックスが選択され、同じクラスのすべてのチェックボックスを選択する必要はありませんが、そのクラス名で他のチェックボックスを選択できるようにする必要があります。 –

+0

他のチェックボックスを無効にしたいのですか? –

+0

他のチェックボックスを無効にしているわけではありませんが、他のチェックボックスのみをチェックしてください。 –