使用jQuery获取表格中单选按钮的值可以通过以下步骤实现:
each()
方法遍历它们。is(":checked")
方法判断是否被选中。如果被选中,使用val()
方法获取其值。以下是一个示例代码:
// HTML代码
<table id="myTable">
<tr>
<td><input type="radio" name="option" class="radio-btn" value="option1"></td>
<td><input type="radio" name="option" class="radio-btn" value="option2"></td>
<td><input type="radio" name="option" class="radio-btn" value="option3"></td>
</tr>
</table>
// JavaScript代码
$(document).ready(function() {
var selectedValue = "";
$(".radio-btn").each(function() {
if ($(this).is(":checked")) {
selectedValue = $(this).val();
}
});
console.log(selectedValue);
});
在上述代码中,我们首先通过类名选择器选中所有的单选按钮,并使用each()
方法遍历它们。在遍历的每个单选按钮中,我们使用is(":checked")
方法判断是否被选中,如果是,则使用val()
方法获取其值,并将其赋值给selectedValue
变量。最后,我们将selectedValue
打印到控制台。
这样,我们就可以使用jQuery获取表格中单选按钮的值了。
推荐的腾讯云相关产品:无
领取专属 10元无门槛券
手把手带您无忧上云