本文介绍了一种使用HTML中的复选框（checkbox）来模拟单选按钮（radio button）的方法。通过JavaScript控制，实现了每次只能选择一个复选框的功能，并记录所选值。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>复选框checkbox类似单选按钮radio</title>
</head>
<body>
<form method=post action="">
<input type="checkbox" name="aa" value="1">
<input type="checkbox" name="aa" value="2">
<input type="checkbox" name="aa" value="3">
<input type="checkbox" name="aa" value="4">
<input type="checkbox" name="aa" value="5">
</form>
<script src="js/jQuery-2.2.0.min.js"></script>
<script type="text/javascript">
$('input').click(function(){
var aa = document.forms[0].aa;
for(var i=0;i<aa.length;i++){
aa[i].checked=false;
}
this.checked=true;
console.log(this.value);
});
</script>
</body>
</html>
转载于:https://www.cnblogs.com/xumqfaith/p/6645403.html
扫一扫
2065
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
