我有一个具有相同类的复选框,基本上它的作用是,如果我选中了该复选框,它将检查与该复选框相同的类,并且它将返回值。但是它不会直接返回,我需要单击某个地方,然后将其注册到文本框。我需要的是在我选中复选框时将直接值直接输入到文本框中。该表代码来自php,因此class + number将会更改,并且无法修复。
以下是它的摘录。
function doSomethingElse(row) {
//select all checkboxes with name userid that are checked
var checkboxes =
document.querySelectorAll("input[name='student_name[]']:checked")
var values = "";
//append values of each checkbox into a variable (seperated by commas)
for (var i = 0; i < checkboxes.length; i++) {
values += checkboxes[i]
.value + ","
}
//remove last comma
values = values.slice(0, values.length - 1)
//set the value of input box
document.getElementById("stud_name").value = values;
}
$("input:checkbox").change(function() {
//alert('Ok!');
var value = $(this).attr("class");
$(":checkbox[class='" + value + "']").prop("checked", this.checked);
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr onclick="doSomethingElse(this);">
<td><input type="checkbox" class="something1" name="user_id[]" value='' /></td>
<td><input type="checkbox" class="something1" name="student_name[]" value='1' /></td>
<td><input type="checkbox" class="something2" name="student_name[]" value='' /></td>
<td><input type="checkbox" class="something2" name="user_id[]" value='2' /></td>
</tr>
</table>
<input class="form-control" name="stud_name" id="stud_name" type="text" maxlength="255" />
相关分类