这篇文章将为大家详细讲解有关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>
1.可以使网页具有交互性,例如响应用户点击,给用户提供更好的体验。 2.可以处理表单,检验用户的输入,并提供及时反馈节省用户时间。 3.可以根据用户的操作,动态的创建页面。 4使用JavaScript可以通过设置cookie存储在浏览器上的一些临时信息。
关于“js如何实现复选框只能选择一项”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享标题:js如何实现复选框只能选择一项-创新互联
地址分享:https://www.cdcxhl.com/article16/dgojgg.html
成都网站建设公司_创新互联,为您提供虚拟主机、云服务器、定制网站、商城网站、域名注册、外贸建站
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联