1

jQueryを使用して、チェックされていないとき（ ）textareaから取得したテキストを削除し、チェックしたときに再度追加するにはどうすればよいですか？input_oneone_1 one_3 one_4textarea

コードは以下のとおりです。

<div id="input_one">
  <input type="checkbox" value="one">
  <input type="checkbox" value="one_1">
  <input type="checkbox" value="one_2">
  <input type="checkbox" value="one_3">
  <input type="checkbox" value="one_4">
</div>
<div id="input_two">
  <input type="checkbox" value="two_1">
  <input type="checkbox" value="two_2">
  <input type="checkbox" value="two_3">
  <input type="checkbox" value="two_4">
  <input type="checkbox" value="two_5">
</div>    
<textarea id="get_checked"></textarea>

たとえば、テキストエリアの値はone one_3 two_4

4

2 に答える 2

0

お役に立てれば

function updateTextArea() {
    var allVals = [];
    $('#input_one :checked,#input_two :checked').each(function () {
        allVals.push($(this).val());
    });
    $('#get_checked').val(allVals);
}
$(function () {
    $('#input_one input,#input_two input').click(updateTextArea);
});

jsfiddle

于 2013-05-31T12:37:56.507 に答える