我在一组中有两个单选按钮,我想使用 JQuery 检查单选按钮是否被选中,如何?
给定一组单选按钮:
<input type="radio" id="radio1" name="radioGroup" value="1">
<input type="radio" id="radio2" name="radioGroup" value="2">
您可以使用 jQuery 测试特定的是否被检查,如下所示:
if ($("#radio1").prop("checked")) {
// do something
}
// OR
if ($("#radio1").is(":checked")) {
// do something
}
// OR if you don't have ids set you can go by group name and value
// (basically you need a selector that lets you specify the particular input)
if ($("input[name='radioGroup'][value='1']").prop("checked"))
可以通过如下方式获取组中当前勾选的值:
$("input[name='radioGroup']:checked").val()
以下代码检查是否选中了名称为“yourRadioName”的单选按钮:
$(document).ready(function() {
if($("input:radio[name='yourRadioName']").is(":checked")) {
//its checked
}
});
jQuery 3.3.1
if (typeof $("input[name='yourRadioName']:checked").val() === "undefined") {
alert('is not selected');
}else{
alert('is selected');
}
这是最佳实践
$("input[name='radioGroup']:checked").val()
单选按钮是,
<input type="radio" id="radio_1" class="radioButtons" name="radioButton" value="1">
<input type="radio" id="radio_2" class="radioButtons" name="radioButton" value="2">
点击查看,
$('.radioButtons').click(function(){
if($("#radio_1")[0].checked){
//logic here
}
});
也看看这个:
$(document).ready(function() {
if($("input:radio[name='yourRadioGroupName'][value='yourvalue']").is(":checked")) {
//its checked
}
});
进一步回答一些问题 - 如果您执行以下操作,您可以检查是否检查了无线电组中的任何元素:
if ($('input[name="yourRadioNames"]:checked').val()){
(选中)或if (!$('input[name="yourRadioNames"]:checked').val()){
(未选中)
试试这个:
var count =0;
$('input[name="radioGroup"]').each(function(){
if (this.checked)
{
count++;
}
});
如果选中任何单选按钮,您将获得 1
简单的你可以查看属性。
if( $("input[name='radioButtonName']").prop('checked') ){
//implement your logic
}else{
//do something else as radio not checked
}
var rdValue = $("input[name='radioGroup']:checked").val();
if(rdValue == '' || typeof rdValue === "undefined") {
console.log("not checked");
}