js/jquery之input 复选框checkbox、单选按钮radio选中判断
在JavaScript和jQuery中,可以使用以下方法来判断复选框和单选按钮是否被选中:
JavaScript:
复选框:
// 获取checkbox元素
var checkbox = document.getElementById('myCheckbox');
// 判断是否选中
if (checkbox.checked) {
// checkbox是选中的
} else {
// checkbox没有被选中
}
单选按钮:
// 获取radio元素
var radio = document.querySelector('input[name="myRadio"]:checked');
if (radio) {
// 有radio按钮被选中
console.log(radio.value); // 输出选中的radio的值
} else {
// 没有radio按钮被选中
}
jQuery:
复选框:
// 判断是否选中
if ($('#myCheckbox').is(':checked')) {
// checkbox是选中的
} else {
// checkbox没有被选中
}
单选按钮:
// 获取选中的radio值
var radioValue = $('input[name="myRadio"]:checked').val();
if (radioValue) {
// 有radio按钮被选中
console.log(radioValue); // 输出选中的radio的值
} else {
// 没有radio按钮被选中
}
在这两种方法中,你可以通过ID或者name属性来选择checkbox或radio按钮,然后使用.is(':checked')
来判断是否被选中。对于单选按钮,你可以使用:checked
选择器来找到当前选中的按钮,并通过.val()
获取其值。
评论已关闭