radio选中(radio选中颜色)
JS怎么判断 radio是否被选中
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。
2、在index.html中的script标签,输入js代码:
if ($("input[type='radio']:checked").val()) {
$('body').append('被选中');
} else {
$('body').append('未被选中');
}
3、浏览器运行index.html页面,此时js打印了radio是否被选中的判断结果。
jquery中怎么设置一个radio为选中状态
你的$("input[name=jizai]")这个选择器会获得两个radio对象,都设置选中,只能最后一个是被选中的,因为是单选。
如果你要这么写,可以指定索引,
如:$("input[name=jizai]:eq(0)").attr("checked",'checked');
这样就是第一个选中咯。
jquery中,radio的选中与否是这么设置的。
$("#rdo1").attr("checked","checked");
$("#rdo1").removeAttr("checked");
javascript怎么选中radio
可以按照下面的代码来操作:
html
head
script type="text/javascript" src="./jquery.min.js"/script
/head
body
div
input id="rdo1" name="rdo1" type="radio" value="1" checked="checked"/是
input id="rdo1" name="rdo1" type="radio" value="0"/否
button id="btn1"是/button
button id="btn2"否/button
div
script type="text/javascript"
$(function(){
$("#btn1").click(function(){
$("input[name='rdo1']").eq(0).attr("checked","checked");
$("input[name='rdo1']").eq(1).removeAttr("checked");
$("input[name='rdo1']").eq(0).click();
});
$("#btn2").click(function(){
$("input[name='rdo1']").eq(0).removeAttr("checked");
$("input[name='rdo1']").eq(1).attr("checked","checked");
$("input[name='rdo1']").eq(1).click();
});
});
/script
/body
/html
js判断radio是否被选中
思路:遍历radio对象,通过checked进行判断radio是否选中,选中的项会有checked属性,判断选中后,可进行后续操作。
示例代码如下。
!--?html?部分?--
p??
????????label?for="gender"性别:????
????????????input?type="radio"?name="gender"?value="male"男
????????????input?type="radio"?name="gender"?value="female"女
????????/label?
????????button?id="sub"?type="button"提交/button?
/p
!--?script?部分?--
script
var?oRadio=document.getElementsByName("gender"),//获取radio,是个数组
oButton=document.getElementById("sub"),//获取按钮
hasValue=false,//定义变量
checkedVal="";
function?getVal(){?//获取radio选中值函数
for(i=0;ioRadio.length;i++){//循环数组
if(oRadio[i].checked){//判断当前项是否被选中
//已选中的操作,获取选中的值
hasValue=true;
checkedVal=oRadio[i].value;
//return?checkedVal;
}else{
hasValue=false;
}
}
}
oButton.onclick=function(){
getVal();
console.log(checkedVal);//checkedVal即是radio的选中值
console.log(hasValue);//hasValue如果是true,则radio有选中值,否则没有值
};
/script