多个复选框和Textarea

Question

我有多个复选框，用户可以选择这些复选框将值添加到textarea。但是，如何使输出在两者之间以及最后一段时间内出现？感谢。

value1，value2，value3。

Answer 1

使用数组，然后使用连接输出它们。即。

// establish an array to collect the selected values
var selValues = [];

// test for selected boxes. When/if selected (checked), add their value
// to the array with the .push() method
if (selectBox1.checked)
  selValues.push(selectBox1.value);
if (selectBox2.checked)
  selValues.push(selectBox2.value);
if (selectBox3.checked)
  selValues.push(selectBox3.value);

// now selValues has a list of selected values. Use the .join()
// method to take those values and concatenate them with a comma,
// then add a period to the end.
textArea1.value = selValues.join(',') + '.';

上面是伪代码，而不是生产代码。

Answer 2

使用jQuery，您可以动态执行此操作：http://jsfiddle.net/NSctv/。

$('input[type=checkbox]').click(function() { // when clicked...
    $('textarea').val( // set value
        $('input[type=checkbox]:checked').map(function() {
            return $(this).val();
        }).toArray().join(", ") + '.' // set value to checked values concatenated with ", " and a dot.
    );
});