JS 改变单选框的值。radio.checked=true; 为何改变不了。没反应。 5
3个回答
展开全部
如果要使 单选框选中 需要该复选框的属性 checked 的值为 "checked" 而不是 true
$("#rdo1").attr("checked","checked");
还有一点要注意的是 如果要使 复选框 变成没有选中 的话 需要移除checked 属性 或者 checked的属性为false
$("#rdo1").removeAttr("checked");
或者
$("#rdo1").attr("checked","false");
就是说 只有checked的属性 为"checked" 时 才是选中状态
还有 一组radio（即name属相相同的radio）只能有一个处于选中状态、查看一下你的其他组的radio是不是name属性设置重复了。
所以你的代码改为 $("#rdo1").attr("checked","checked"); 就可以了,下面一段简单示例代码
页面装载完成后把选项2 选中.
<html>
<script type="text/javascript" src="./jsfile/jquery-1.10.2.min.js"></script>
<script>
onload = function (){ // 装载完成时执行
alert();
$("input[name='vehicle']").eq(0).removeAttr("checked");
$("input[name='vehicle']").eq(1).attr("checked","checked");
}
</script>
<body>
<form action="form_action.asp" method="get">
<input type="radio" id ="rd1" name="vehicle" value="Car" /> I have a car
<input type="radio" id ="rd1" name="vehicle" value="bus" /> I have a bus
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>last.html</title>
<style type="text/css">
</style>
<script type="text/javascript">
onload = function ()
{
var inputs = document.querySelectorAll('input[type=radio]');
var fun = function (i)
{
var input = inputs[i];
if (input.type == 'radio')
{
input.onclick = function ()
{
alert(this.value);
}
}
}
for ( var i = 0; i < inputs.length; i++)
{
fun (i);
}
inputs[0].checked = true;
}
</script>
</head>
<body>
<input id="radio1" type="checkbox" name="chkbox" value="1" onclick="DoCheck()" />A单元
<br />
<input id="radio0" type="radio" name="radio1" value="60" onclick="Do1Check(60,1,1,1)" />1、套餐A。费用：60元
<br />
<input id="radio1ww" type="radio" name="radio1" value="199" onclick="Do1Check(199,1,2,1)" />2、套餐B。费用：70元
<br />
<input id="radio2" type="checkbox" name="chkbox" value="2" onclick="DoCheck()" />B单元
<br />
<input id="radio6" type="radio" name="radio2" value="100" onclick="Do1Check(100,2,7,1)" />1、套餐A。费用：100元
<br />
<input id="radio7" type="radio" name="radio2" value="800" onclick="Do1Check(800,2,8,1)" />2、套餐B。费用：200元
<br />
<input id="radio8" type="radio" name="radio2" value="1399" onclick="Do1Check(1399,2,9,1)" />3、套餐C。费用：300元
<br />
</body>
</html>
追问
xxxxx
直接在这怎么写代码，不用触发和循环，直接这样用JS修改radio的checked值。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="input" id="date1" value="2015-6-5" >
<input type="input" id="date2" value="2015-5-8" onkeyup="kk(this)" >
<input type="radio" name="a1" value="对" checked="true">√
<input type="radio" name="a1" value="错">×
<script>
var date1 = document.getElementById('date1').value,
date2 = document.getElementById('date2').value,
radio = document.getElementsByName('a1');
date1 = Date.parse(new Date(date1));
date2 = Date.parse(new Date(date2));
if(date2 > date1){
radio[1].checked = true;
radio[0].checked = false;
}else{
radio[0].checked = true;
radio[1].checked = false;
}
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="input" id="date1" value="2015-6-5" >
<input type="input" id="date2" value="2015-5-8" onkeyup="kk(this)" >
<input type="radio" name="a1" value="对" checked="true">√
<input type="radio" name="a1" value="错">×
<script>
var date1 = document.getElementById('date1').value,
date2 = document.getElementById('date2').value,
radio = document.getElementsByName('a1');
date1 = Date.parse(new Date(date1));
date2 = Date.parse(new Date(date2));
if(date2 > date1){
radio[1].checked = true;
radio[0].checked = false;
}else{
radio[0].checked = true;
radio[1].checked = false;
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
