[英]get value from select option on checked checkbox
i wanna get value from select option on checkbox is checked. 我想从复选框的选择选项中获取价值。
HTML : 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 : 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+'] ';
im successful to get value from both (checkbox.checked+select option) but when im not checked the second checkbox, its getting value from all select option. 即时消息成功地从两个值中都获得了价值(checkbox.checked + select选项),但是当即时消息未选中第二个复选框时,其从所有选择选项中获得了价值。 and the question is, how to get value from select option on checked checkbox. 问题是,如何从选中的复选框的选择选项中获取价值。
Thanks before, 以前谢谢
var checkedValue = document.querySelector('.messageCheckbox:checked').value;
jQuery: jQuery的:
var checkedValue = $('.messageCheckbox:checked').val();
This is a bit of a crude solution. 这是一个粗略的解决方案。 You have to use data-select
to manually specify the id of the <select>
element. 您必须使用data-select
来手动指定<select>
元素的ID。
HTML 的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 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);
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.