js实现两个radio的联动

最新推荐文章于 2023-11-05 22:22:40 发布

转载最新推荐文章于 2023-11-05 22:22:40 发布 · 2.5k 阅读

网站建设专栏收录该内容

740 篇文章

订阅专栏

本文展示了一个简单的HTML页面，通过JavaScript实现了两个不同名称的单选按钮组之间的联动效果。当用户选择某个选项时，相应的另一组单选按钮会被自动选中。此示例有助于理解如何使用JavaScript操作DOM元素。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>新建网页 1</title> 
</head> 
<body> 
<script> 
function checkradio(o,x){ 
document.getElementsByName("inptB")[x-1].checked=o.checked 
} 
</script> 
<input name="inptA" type="radio" id="inptA" onclick="checkradio(this,1)">aaa 
<input name="inptA" type="radio" id="inptA" onclick="checkradio(this,2)">bbb 
<input name="inptA" type="radio" id="inptA" onclick="checkradio(this,3)">ccc 
<br> 
<input name="inptB" type="radio" id="inptB">111 
<input name="inptB" type="radio" id="inptB">222 
<input name="inptB" type="radio" id="inptB">333 
</body> 
</html> 