js 实现复选框只能选择一项的示例代码
程序员文章站
2022-04-29 12:10:41
实例如下所示：
</tit...</div>
<div class="content">
<p><span style="background-color: #ccffcc"><strong>实例如下所示：</strong></span></p>
<div class="jb51code">
<pre class="brush: javascript;">
<!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></pre>
</div>
<p>以上这篇js 实现复选框只能选择一项的示例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。</p> </div>
<div class="info-pre-next">
<p>
上一篇： <a href="/article/784870.html">
安静运行批处理的vbs脚本 </a>
</p>
<p>
下一篇： <a href="/article/784872.html">
批处理获取IP生成TXT文本的bat代码 </a>
</p>
</div>
<div class="wz_tuijian">
<p>
推荐阅读 </p>
<ul>
<li>
<a href="/article/2106435.html" target="_blank" title="利用js实现前后台传送Json的示例代码">
<h2>
利用js实现前后台传送Json的示例代码 </h2>
</a>
</li>
<li>
<a href="/article/2106309.html" target="_blank" title="p5.js实现斐波那契螺旋的示例代码">
<h2>
p5.js实现斐波那契螺旋的示例代码 </h2>
</a>
</li>
<li>
<a href="/article/2093705.html" target="_blank" title="JS实现手写parseInt的方法示例（代码）">
<h2>
JS实现手写parseInt的方法示例（代码） </h2>
</a>
</li>
<li>
<a href="/article/2091568.html" target="_blank" title="JS实现的input选择图片本地预览功能示例">
<h2>
JS实现的input选择图片本地预览功能示例 </h2>
</a>
</li>
<li>
<a href="/article/2082282.html" target="_blank" title="Nuxt.js实现一个SSR的前端博客的示例代码">
<h2>
Nuxt.js实现一个SSR的前端博客的示例代码 </h2>
</a>
</li>
<li>
<a href="/article/2055996.html" target="_blank" title="Java实现拖拽文件上传dropzone.js的简单使用示例代码">
<h2>
Java实现拖拽文件上传dropzone.js的简单使用示例代码 </h2>
</a>
</li>
<li>
<a href="/article/2051737.html" target="_blank" title="D3.js实现拓扑图的示例代码">
<h2>
D3.js实现拓扑图的示例代码 </h2>
</a>
</li>
<li>
<a href="/article/2035191.html" target="_blank" title="使用html2canvas.js实现页面截图并显示或上传的示例代码">
<h2>
使用html2canvas.js实现页面截图并显示或上传的示例代码 </h2>
</a>
</li>
<li>
<a href="/article/2010682.html" target="_blank" title="使用vue.js实现联动效果的示例代码">
<h2>
使用vue.js实现联动效果的示例代码 </h2>
</a>
</li>
<li>
<a href="/article/2010664.html" target="_blank" title="VUE JS 使用组件实现双向绑定的示例代码">
<h2>
VUE JS 使用组件实现双向绑定的示例代码 </h2>
</a>
</li>
</ul>
</div>
</article>
</div>
</main>
<footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body>
</html>