2016-11-30 4 views
0

私はいくつかのヘルプが必要です。私は以下のチェックボックスのリストを持っています。ASP JavaScript - CheckBoxList - Label.Textに選択した値をキャプチャします

<asp:Label ID="Label107" runat="server" Text="General Patient Teaching Methods Used/Information Given (Check all that apply)" CssClass="rdbBlock"></asp:Label> 
            <asp:CheckBoxList ID="CheckBoxList6" runat="server" CssClass="rdbBlock"> 
             <asp:ListItem Text="&nbsp;&nbsp;<span style=font-weight:normal;>Patient/Caregiver observed</span>" Value="Patient/Caregiver observed"></asp:ListItem> 
             <asp:ListItem Text="&nbsp;&nbsp;<span style=font-weight:normal;>Disease process</span>" Value="Disease process"></asp:ListItem> 
             <asp:ListItem Text="&nbsp;&nbsp;<span style=font-weight:normal;>Nursing visit frequecy</span>" Value="ursing visit frequecy"></asp:ListItem> 
             <asp:ListItem Text="&nbsp;&nbsp;<span style=font-weight:normal;>Supply management</span<" Value="Supply management"></asp:ListItem> 
             <asp:ListItem Text="&nbsp;&nbsp;<span style=font-weight:normal;>Emergency Procedures</span>" Value="Emergency Procedures"></asp:ListItem> 
             <asp:ListItem Text="&nbsp;&nbsp;<span style=font-weight:normal;>24 phone number</span>" Value="24 phone number"></asp:ListItem> 
             <asp:ListItem Text="&nbsp;&nbsp;<span style=font-weight:normal;>Right/Responsibility</span>" Value="Right/Responsibility"></asp:ListItem> 
             <asp:ListItem Text="&nbsp;&nbsp;<span style=font-weight:normal;>Reviewed infusion admission packet</span>" Value="Reviewed infusion admission packet"></asp:ListItem> 
            </asp:CheckBoxList> 

私がしたいのは、選択したListItemsの値を取得し、値をラベルに設定することです。私はJavaScript/JQueryを使いたいですが、私はそれを理解できません。

ここで私がTextBoxesで使用しているのは動作しますが、テキストボックスには複数の選択項目がありません。

YES - 非常に重要 - NO POST BACK !!!!

<script type="text/javascript"> 
             function setLabelText9(e) { 
              e.preventDefault(); // To prevent postback 
              var txtValue = $('#<%=txtCaregiverHelper.ClientID%>').val(); 
              $('#<%=Label286.ClientID%>').html(txtValue); 
             } 
             function getLabelText9(e) { 
              e.preventDefault(); // To prevent postback 
              alert($('#<%=Label286.ClientID%>').html()); 
             } 
            </script> 

望ましい結果: CheckBoxListのListItemの0、3、5がチェックされ、インデックス0、3から選択した値にラベルを設定し、5(インデックスを使用して)場合は、それが見えますので、私は一緒にいくつかの値をCONCATすることができますスペースと句読点を付けてください。私はすべての値を収集し、ラベルのテキストに格納するjavascript/jqueryコードのヘルプが必要です。

はあなたのsetLabelText9()メソッドは、選択した複数の値を読み取るための方法以下に変更する必要があります

答えて

1

ありがとうございました。

 var indexes = []; 
     $('#<%=txtCaregiverHelper.ClientID%> :selected').each(function(i, selected){ 
      indexes[i] = $(selected).val(); 
     }); 
     $('#<%=Label286.ClientID%>').html(indexes.join(" ")); 
+0

ありがとう、レンガ。これは完全に機能しました。 – RazorSharp

+0

あなたは大歓迎です。 –

関連する問題