js控制单选按钮选中某⼀项
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- <script src="code.jquery/jquery-1.5.2.min.js"></script> -->
<script src="code.jquery/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
function ClickMe(value) {
//⽅式⼀ PS:jquery-1.6版本以上⽀持⽅式⼀ ,不⽀持⽅式⼆
$("input[name='demo']").each(function() {
if ($(this).val() != value) {
$(this).removeAttr("checked");
} else {
$(this).prop("checked", "checked");
}
});
//⽅式⼆ PS:jquery-1.6版本以下⽀持⽅式⼆ ,不⽀持⽅式⼀
//$("input[name='demo'][value='" + value + "']").attr("checked", "checked");
}
</script>
</head>
<body>
htmlradio设置默认的按钮<div>
<label><input type="radio" name="demo" value="1" οnclick="ClickMe(2)" />点我选中第⼆个单选框</label> <label><input type="radio" name="demo" value="2" οnclick="ClickMe(3)" />点我选中第三个单选框</label> <label><input type="radio" name="demo" value="3" οnclick="ClickMe(4)" />点我选中第四个单选框</label> <label><input type="radio" name="demo" value="4" οnclick="ClickMe(1)" />点我选中第⼀个单选框</label>
</div>
</body>
</html>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。