1

asp.net グリッドビューでチェックボックスを使用しています。一度に1つのチェックボックスのみを選択したい。1 つのチェックボックスを選択すると、他のチェックボックスの選択を解除する必要があります。

私はhtmlビューソースを持っています

<input id="ctl00_MainContent_mGrid_ob_mGridBodyContainer_ctl02_ctl02_ctl00_ChkID" type="checkbox" 
<input id="ctl00_MainContent_mGrid_ob_mGridBodyContainer_ctl03_ctl02_ctl00_ChkID" type="checkbox"
4

3 に答える 3

3

チェックボックスの代わりにラジオボタンを使用します。

<form>
    <input type="radio" name="parents" value="Mom" /> Mom<br />
    <input type="radio" name="parents" value="Dad" /> Dad
</form>
于 2012-06-20T22:36:10.527 に答える
3

通常、ラジオボタンは、グループ内の1つのアイテムのみが選択され、ブラウザが適切なHTMLを使用して自動的に処理する排他的な機能に使用されます。

チェックボックスの場合、次のようにjQueryを使用してコーディングできます。

<div class="checkboxContainer">
    <input id="ctl00_MainContent_mGrid_ob_mGridBodyContainer_ctl02_ctl02_ctl00_ChkID" type="checkbox"> Item 1<br>
    <input id="ctl00_MainContent_mGrid_ob_mGridBodyContainer_ctl03_ctl02_ctl00_ChkID" type="checkbox"> Item 2<br>
    <input id="ctl00_MainContent_mGrid_ob_mGridBodyContainer_ctl04_ctl02_ctl00_ChkID" type="checkbox"> Item 3
</div>​

$("input[type='checkbox']").change(function() {
    $(this).closest(".checkboxContainer").find("input[type='checkbox']").not(this).prop("checked", false);
    $(this).prop("checked", true);
});

作業デモ： http： //jsfiddle.net/jfriend00/hWEXx/

排他的なラジオボタンを実行する純粋なHTMLの方法は次のとおりです（これも同じデモにあります）。

<div class="radioGroup">
    <input type="radio" name="group1">Item A<br>
    <input type="radio" name="group1">Item B<br>
    <input type="radio" name="group1">Item C<br>
</div>
于 2012-06-20T22:40:23.117 に答える
0

asp.netでは、チェックボックスの代わりにラジオボタンを使用する必要があります（この場合）

<div class="group">
   <asp:RadioButton Id="radio1" runat="server" GroupName="radioGroup" />
   <asp:RadioButton Id="radio2" runat="server" GroupName="radioGroup" />
</div>

GroupName属性を使用すると、この機能が必要になります。（radio1がCheckedradio2の場合、自動的にチェックが外されます。これが役立つことを願っています:)

于 2012-06-21T08:51:05.443 に答える