独角兽企业重金招聘Python工程师标准>>>
点击复选框添加或删除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() + ';', ""));
}
});