0

新しい Jquery チェック ボックスをオンにすると、テキストを div コントロールに挿入しています。「チェックボックス」のチェックを外したときにそのテキストを削除したい

<div align="center" id="chkBoxes">
  <asp:CheckBox ID="chbIceCream" text ="Ice Cream" runat="server"></asp:CheckBox>
  <asp:CheckBox ID="chbCake" Text ="Cake" ClientIDMode="static" runat="server" />
  <asp:CheckBox ID="chbChocolet" Text ="Cho colet"  runat="server" />    
 </div>
 <div id="ContentDiv"> 
</div>

Jquery コード:

     $(document).ready(function () {
       $('#chbIceCream').click(function () {
         var Text = $("input:checkbox[id$=chbIceCream]").next().text();
         if ($(this).attr('checked'))
             $('#ContentDiv').append(Text);
         else
            $('#ContentDiv').remove(Text);
      });
  });
4

2 に答える 2

1

ContentDiv からすべてのテキストを削除する場合は、マシューの回答を参照してください

特定のテキストを削除したい場合、つまり、その div には削除したくない他のテキストもあります。次に使用します：

var str = $('#ContentDiv').text()
str.replace('your text','');
$('#ContentDiv').text(str);

あなたのelse部分で

于 2012-12-26T09:22:39.340 に答える
1

テキストと空の関数で試してください

$(document).ready(function () {
  $('#chbIceCream').click(function () {

    var Text = $(this).val();
    if ($(this).attr('checked'))
        $('#ContentDiv').text(Text);
    else
       var oldText= $('#ContentDiv').text();
           $('#ContentDiv').text(oldText.replace(Text, ""));
  });
});

編集：質問のコメントに基づいて回答を更新$(this).val() from $(this).next().text()を更新

于 2012-12-26T09:16:44.963 に答える