Rumah > Artikel > hujung hadapan web > js实现复选框只能选择一项的方法详解
本文主要为大家分享一篇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>
大家学会了吗?赶紧动手尝试一下吧。
jquery处理checkbox复选框是否被选中实例代码分享
Atas ialah kandungan terperinci js实现复选框只能选择一项的方法详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!