11

ユーザーがテキストボックスにテキストを入力した後、ラジオボタンリストの選択をクリアしたいと思います。次のコードを試しましたが、機能していないようで、エラーも表示されません。何か提案があれば教えてください。

function ClearRadioButtonList() {
    var checkboxlistid9 = "#<%= rblLst.ClientID %>";
    $('.checkboxlistid9').attr('checked',false);     
}

<telerik:RadMaskedTextBox ID="txtCode" runat="server" Mask="###-##-####" SelectionOnFocus="CaretToBeginning">
    <ClientEvents  OnBlur="ClearRadioButtonList" />
</telerik:RadMaskedTextBox>

<asp:RadioButtonList ID="rblLst" runat="server" RepeatDirection="Horizontal">
    <asp:ListItem Value="1">Unknown</asp:ListItem>
    <asp:ListItem Value="2">Not Applicable</asp:ListItem>
</asp:RadioButtonList>
4

5 に答える 5

14

それ以外の：

$('.checkboxlistid9').attr('checked',false);

試す：

$('.checkboxlistid9').removeAttr('checked');

さらに、jQueryセレクターが間違っていると思います

$('.checkboxlistid9')

checkboxlistid9私はあなたのクラスを見ていませんasp:RadioButtonList

クエリセレクタを次のように変更します。

$("table[id$=rblLst] input:radio:checked").removeAttr("checked");

または

$("table[id$=rblLst] input:radio").each(function (i, x){
    if($(x).is(":checked")){
        $(x).removeAttr("checked");
    }
});
于 2012-09-18T18:10:06.900 に答える
5

ラジオボタンは、を表す要素の子孫になります。ラジオボタンを使用しRadioButtonListて選択し、チェックされたプロパティを削除するために使用できます。#<%= rblLst.ClientID %> input[type=radio].prop()

function ClearRadioButtonList() {
    $("#<%= rblLst.ClientID %> input[type=radio]").prop('checked',false);     
}
于 2012-09-18T18:20:26.400 に答える
2

を使用する必要がありますprop()。また、each()繰り返すには：

$('.checkboxlistid9').each(function (index, elem){
    $(elem).prop('checked',false);
})
于 2012-09-18T18:12:52.823 に答える
0 
$('.checkboxlistid9').removeAttr('checked');
于 2012-09-18T18:10:28.150 に答える
0

i-checksベースの動的ラジオボタンリストの場合

<table id="Body_TTBody_rblAttendanceStatus" class="i-checks rblStatus">
<tbody>
<tr>
<td>
    <div class="iradio_flat-red" style="position: relative;">
        <input id="Body_TTBody_rblAttendanceStatus_0" type="radio">
    </div>
    <label for="Body_TTBody_rblAttendanceStatus_0" class="">Absent</label></td>
</tr>
<tr>
<td>
    <div class="iradio_flat-red" style="position: relative;">
        <input id="Body_TTBody_rblAttendanceStatus_1" type="radio">
    </div>
    <label for="Body_TTBody_rblAttendanceStatus_1" class="">Planned Leave</label> 
</td>
</tr>
<tr>
 <td>
    <div class="iradio_flat-red" style="position: relative;">
        <input id="Body_TTBody_rblAttendanceStatus_2" type="radio">
    </div>
    <label for="Body_TTBody_rblAttendanceStatus_2" class="">Present</label></td>
</tr>
<tr>
<td>
    <div class="iradio_flat-red" style="position: relative;">
        <input id="Body_TTBody_rblAttendanceStatus_3" type="radio">
    </div>
    <label for="Body_TTBody_rblAttendanceStatus_3" class="">Unplanned Leave</label> 
 </td>
 </tr>
</tbody>
</table>

 <script type="text/javascript">
 jQuery('#Body_TTBody_rblAttendanceStatus > tbody > tr> td').each(function (index, value) {
  if ($(value).find('input[type="radio"]').prop('checked')) {
     $(value).find('input[type="radio"]').prop('checked', false);
     $(value).find('input[type="radio"]').closest("div").removeClass("checked");
    }
});
</script>
于 2018-06-16T08:46:33.673 に答える