js设置单选按钮选中示例代码

最新推荐文章于 2025-03-12 14:11:46 发布

Love丶兰

最新推荐文章于 2025-03-12 14:11:46 发布

阅读量8.6k

点赞数

分类专栏： javascript 文章标签： javascript 单选按钮单选按钮选中单选按钮取消

javascript 专栏收录该内容

15 篇文章

订阅专栏

本文提供了一个使用JavaScript原生代码实现单选按钮选中状态更改的例子。通过获取文本框的值来决定选中“支付宝”或“财务通”，适用于需要动态控制表单选项的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js设置单选按钮选中/取消示例代码

用jquery的代码设置,第一次有效果,第二次就没效果了,所以用百度了一下,用js原生代码设置就行!

<!DOCTYPE html PUBLIC "-/W3C/DTD HTML 4.01 Transitional/EN" "http:/www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>主页</title>
<script type="text/javascript" src="jquery-easyui/jquery.easyui.min.js"></script>
</head>
<body>
	<input type="text" id="valText" />
	<input type="radio" name="payMethod.names" value="true" id="radio1" />支付宝
	<input type="radio" name="payMethod.names" value="false" id="radio2" />财务通
	<button οnclick="radioVal();">值</button>	

<script type="text/javascript">
	function radioVal(){
	
		//获取valText的值,进行判断需要选中哪个!!
		var valText = $("#valText").val();
		
		var country = document.getElementsByName('payMethod.names');
		for(var i=0;i<country.length;i++){
			if(valText == 0){
				if(country[i].value == "false")
				{
					country[i].checked=true; //选中
					//country[i].checked=false; //不选中
				}
			}else{
				if(country[i].value == "true")
				{
					country[i].checked=true; //选中
					//country[i].checked=false; //不选中
				}
			}
		} 
	}
</script>
</body>
</html>