點擊複選框添加或刪除value值到input輸入框中

點擊複選框添加或刪除value值到input輸入框中

使用js實現勾選複選框，添加複選框的內容到文本框，去掉勾選，刪除文本框中相應的內容。

jsp:

<input type="text" id="jsrtxt" class="tip" />

<label><input type="checkbox" name="aaa" value="1"/>複選1</label>
<label><input type="checkbox" name="aaa" value="1"/>複選2</label>
<label><input type="checkbox" name="aaa" value="1"/>複選3</label>

js:

$("input[type=checkbox]").click(function () {
            if ($(this).attr("checked")) {
                     $("#jsrtxt").val($("#jsrtxt").val() + $(this).parent().text() + ";");
             } else {
                     $("#jsrtxt").val($("#jsrtxt").val().replace($(this).parent().text() + ';', ""));
             }
 });