如果选中一个复选框,如何从多个复选框中获取值?

时间:2019-03-04 18:01:58

标签: javascript

我有一个复选框,一个在表中,一个在表外(全部选中)。表格外部的复选框用于检查表格中每一行的所有复选框,并取值复选框并在文本框中输入。我创建了一个函数来检查表中的所有复选框(如果已选中表外部的复选框)。问题是我无法检索所有复选框值并将其输入到文本框中。如果表格外的复选框已被选中,如何取所有值复选框? 下面是我的看法

<div id="sectionTable">
    <input type="checkbox" name="check_all" onclick="paymentCheckedAll(this);" /><span>Check All</span>
</div>
<table class="table">
    <tr>
      <th>selected</th>
      <th>Name</th>                          
    </tr>
    @foreach (Learning.ViewModels.StudentViewModelitem in Model.StudentDetails)
    { 
      <tr>
        <td>
           @Html.CheckBoxFor(modelitem => item.IsChecked, new {@class = "idRow", @id = "test", @value="123" })           
        <td>
        <td>
           @Html.DisplayFor(modelitem => item.Name)
        </td>
      </tr>
    }
</table>
   @Html.TextBoxFor(model => model.ListSelectedIdPayment)

<script>
    $(document).ready(function () {
        $(document).on(' change', 'input[name="check_all"]', function () {
            $('.idRow').prop("checked", this.checked);
        });
    });
</script>

1 个答案:

答案 0 :(得分:0)

如果您想要所有选中复选框的值:

$('.idRow').each(function(){

 if($(this).attr('checked')){
     //set value here by $(this).attr('value')
  }
});