猿问

当我选中一个复选框(相同的类)并将值插入文本框中时,如何检查另一个复选框

我有一个具有相同类的复选框,基本上它的作用是,如果我选中了该复选框,它将检查与该复选框相同的类,并且它将返回值。但是它不会直接返回,我需要单击某个地方,然后将其注册到文本框。我需要的是在我选中复选框时将直接值直接输入到文本框中。该表代码来自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" />


POPMUISE
浏览 141回答 3
3回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答