点击复选框添加或删除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() + ';', "")); } });