UserControlで4つのチェックボックスのうち1つのみをチェックする方法を教えてください。

Question

4つのチェックボックス（サーバーコントロール）でユーザーコントロールを作成しました。私は4つのチェックボックスのうち1つのみをチェックすることを許可します。

ユーザーコントロールは、ページ上に動的に読み込まれます.Iページには、複数の同じUserConrolがある場合があります。

jQueryまたはJavascriptを使用してどうすればよいですか？

Answer 1

Radio Button Controlを使用してください。チェックボックスは複数の選択を意味し、ラジオボタンは単一の選択を意味します。その後、ラジオボタンを使用して、選択範囲を1つの項目に制限するコントロールに対してGroupNameを指定することができます。

Answer 2

あなたはグループで同じクラスのチェックボックスのすべてを与えるし、クリックされたものを確認したりオフにしながら、jQueryのを使用してそれらをすべてオフにし、このような何かを行うことができます。

$('.checkbox').click(function{ 
    // save the original checked state of the one we're clicking: 
    var checked = $(this).attr('checked'); 
    $('.checkbox').attr('checked', false); // uncheck all of the boxes 
    $(this).attr('checked', !checked); // invert the original state 
}); 

しかし、より良い選択おそらく "上記のどれも"オプションのないラジオボタンコントロールを使用することでしょう。あなたは検証を行うことができます（彼らは質問に全く答えましたか？）

Answer 3

私はそれがすべきだと思います：$（this）.attr（ 'checked'、checked）;

Answer 4

cakephpで作業しているときに同様の問題がありました。 CakephpはDIV内のチェックボックスをラップします。 私の解決策は、各ループを使用しているチェックボックスをクリアして、ユーザがチェックしたチェックボックスを選択します。

CASE：私は、ユーザーがすべてのは、彼がどんな選択をしたくないことoptions.May選択を解除できるようにする必要があり、その場合にはagree.But

<div class="unique"> <input type='checkbox' name='mygroup1' value='1' class=''>one</div>  
<div class="unique"> <input type='checkbox' name='mygroup2' value='2' class=''>two</div>  
<div class="unique"> <input type='checkbox' name='mygroup3' value='3' class=''>three</div> 

$('.unique').click(function() { 
    $('.unique').find('input').each(function(){ 
     $(this).attr('checked', false); 
    }); 
    $(this).find('input:first').attr('checked', true); 
});