这篇文章将为大家详细讲解有关js如何实现复选框只能选择一项,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
实例如下所示:
<!DOCTYPE HTML>
<html>
<head>
<title></title>
</head>
<body>
<ul>
<li><input type="checkbox" name="ss" onclick="choose(this)">1</li>
<li><input type="checkbox" name="ss" onclick="choose(this)">2</li>
<li><input type="checkbox" name="ss" onclick="choose(this)">3</li>
<li><input type="checkbox" name="ss" onclick="choose(this)">4</li>
<li><input type="checkbox" name="ss" onclick="choose(this)">5</li>
</ul>
<script language="JavaScript">
function choose(obj){
var ss= document.getElementsByName("ss");
for (var i = 0; i < ss.length; i++) {
ss[i].checked = false;
}
obj.checked = true;
}
</script>
</body>
</html>
JavaScript可以做什么
1.可以使网页具有交互性,例如响应用户点击,给用户提供更好的体验。
2.可以处理表单,检验用户的输入,并提供及时反馈节省用户时间。
3.可以根据用户的操作,动态的创建页面。
4使用JavaScript可以通过设置cookie存储在浏览器上的一些临时信息。
关于“js如何实现复选框只能选择一项”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。