Jquery取消选中TextBox上的RadioButtonList更改

时间:2017-11-02 19:16:42

标签: javascript jquery twitter-bootstrap

我在转发器中有一个RadioButtonList,我想清除文本框的OnChange上的选中值

<asp:Repeater ID="QuestionsRpt" runat="server">
<HeaderTemplate>
    <div class="form-horizontal form-condensed">
</HeaderTemplate>
<ItemTemplate>
    <div class="form-group">
        <label class='col-sm-6 control-label' style="text-align:left"><span id="Question" runat="server"><%# Eval("Name_" + UserLanguage.ToUpper()) %></span> <i class="fa fa-question-circle" runat="server" visible='<%# Eval("Description_" + UserLanguage.ToUpper()).ToString() != ""%>' data-toggle="tooltip" title='<%# Eval("Description_" + UserLanguage.ToUpper()).ToString()%>'></i></label>

        <div class="col-sm-6">
            <asp:RadioButtonList ID="RadioButtonList" runat="server" CssClass="RadioButtonList" AutoPostBack="true"
                DataSource='<%# (Eval("ListOfChoice_" + UserLanguage.ToUpper()).ToString()).Split(";".ToCharArray()) %>'
                Visible='<%# (Convert.ToInt32(Eval("Type_IsSingleChoice")) == 1)%>'>
            </asp:RadioButtonList>

            <input type='text' id="OtherOptionTB" runat="server"
                placeholder='<%# GetLocalResourceObject("Other Option") %>' class="form-control otherOption input-sm" value=''                                    
                autocomplete="off" visible='<%# Eval("AllowFreeText")%>' onchange="ResetRadioButtonList()"/>

        </div>                                             
    </div>                            
    <br />
</ItemTemplate>
<FooterTemplate>                            
    </div>
</FooterTemplate>

这是jquery:

<script type="text/javascript">
function ResetRadioButtonList() {
    $(event.target).closest('.form-group').find('.RadioButtonList').prop('checked', false);
}

当我记录$(event.target).closest(&#39; .form-group&#39;)。find(&#39; .RadioButtonList&#39;)我确实得到了RadioButtonList,但我可以&# 39;似乎弄清楚如何正确清除它。

1 个答案:

答案 0 :(得分:0)

我发现了问题...... 我需要访问RadioButtonList中的所有输入

这是更新的Jquery:

function ResetRadioButtonList() {
$(event.target).closest('.form-group').find('.RadioButtonList').find('input:radio').prop('checked', false);}