从选中的复选框的选择选项中获取价值

Question

我想从复选框的选择选项中获取价值。

HTML：

<tr>
<td><input type="checkbox" value="1" class="sum">
Data 1 :
<select name="valid">
<option value="1">1</option>
<option value="2">2</option>
</select>
</td>
</tr>

<tr>
<td><input type="checkbox" value="2" class="sum">
Data 1 :
<select name="valid">
<option value="1">1</option>
<option value="2">2</option>
</select>
</td>
</tr>

JS：

var checked = document.querySelectorAll('input[type=checkbox]:checked.sum');
var values = [];
for(var i = 0; i < checked.length; i++) {
  values.push(checked[i].value);
}
var j = values.join(',');
var jVal = 'im confused here, i need get value from select option on checked checkbox'
window.location=' ?page=token&mode=pass&values=['+join+']&option_val=['+jVal+'] ';

即时消息成功地从两个值中都获得了价值（checkbox.checked + select选项），但是当即时消息未选中第二个复选框时，其从所有选择选项中获得了价值。 问题是，如何从选中的复选框的选择选项中获取价值。

以前谢谢

Answer 1

var checkedValue = document.querySelector('.messageCheckbox:checked').value;

jQuery的：

var checkedValue = $('.messageCheckbox:checked').val();

获取复选框的值？

Answer 2

这是一个粗略的解决方案。 您必须使用data-select来手动指定<select>元素的ID。

的HTML

<input type="checkbox" data-select="select1">

<select id="select1">
    <option value="1">1</option>
    <option value="2">2</option> 
</select>

<input type="checkbox" data-select="select2" checked>

<select id="select2">
    <option value="1">1</option>
    <option value="2">2</option> 
</select>

JS

var checked = document.querySelectorAll('input');
var values = [];
for(var i = 0; i < checked.length; i++){
    if(checked[i].checked){
         var select_id = checked[i].getAttribute("data-select");
         values.push(document.getElementById(select_id).value);
    }
}