リピータのRadioButtonListのselectedvalueに基づいて、いくつかのテキストボックスコントロールを有効/無効にします。

Question

もう一度あなたを気にしています。

次のスクリプトは、RadioButtonListコントロールがリピーター内にありますが、テキストボックスコントロールが外部にある場合に機能します。

<script type="text/javascript"> 
     $(document).ready(function() { 
      $('#rblStatus input').change(function() { 
       if ($(this).val() == "Yes") { 
        $("#txtOnwerName").prop("disabled", true); 
       } 
       else { 
        $("#txtOnwerName").prop("disabled", false); 
       } 
      }); 
     }); 
    </script> 

しかし、私が今直面しています問題は、RadioButtonListコントロールとテキストボックス（それらの約5）の両方が、Repeaterコントロール内のすべてであるということです。

この結果、RadioButtonListのYesまたはNoの値をチェックしても、テキストボックスは無効または有効になりません。

私が間違っていることは何ですか？

例：

<form ID="form1" runat="server"> 
<asp:Repeater ID="Repeater1" runat="server"> 
<ItemTemplate> 
    <asp:RadioButtonList ID="rblIssues" runat="server" RepeatDirection="Horizontal" TextAlign="Right"> 
    <asp:ListItem Text="Yes" /> 
    <asp:ListItem Text="No" /> 
    </asp:RadioButtonList><br /> 
    <asp:TextBox ID="txtOnwerName" runat="server"></asp:TextBox> 
</ItemTemplate> 
</asp:Repeater> 
</form> 

Answer 1

は、生成されたHTMLをチェックyuoましたか？もしそうなら、あなたはコントロールのIDが改名されたのを見たでしょう。したがって、ClientIDまたはクラス名でアクセスする必要があります。

まず、ItemTemplateの各コンテンツを<div>の中に入れて開始します。今のところ、Repeaterアイテムを別のものから識別することは不可能です。

<div class="repeaterItem"> 
    <asp:RadioButtonList ID="rblIssues" runat="server" RepeatDirection="Horizontal" TextAlign="Right"> 
     <asp:ListItem Text="Yes" /> 
     <asp:ListItem Text="No" /> 
    </asp:RadioButtonList><br /> 
    <asp:TextBox ID="txtOnwerName" runat="server"></asp:TextBox> 
</div> 

今、あなたはrepeaterItemクラスに基づいてアイテムを見つけることができます。値をチェックし、TextBoxを有効/無効にします。

<script type="text/javascript"> 
    $('.repeaterItem input[type="radio"]').change(function() { 
     if ($(this).val() == "Yes") { 
      $(this).closest('div').children('input[type="text"]').prop("disabled", true); 
     } 
     else { 
      $(this).closest('div').children('input[type="text"]').prop("disabled", false); 
     } 
    }); 
</script>