input:checkbox多选框实现单选效果跟radio一样
废话不多说,直接代码:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <scriptsrc="js/jquery-1.8.3.min.js"type="text/javascript"language="javascript"></script> <title>无标题文档</title> <scripttype="text/javascript"> $(function(){ $(":checkbox").click(function(){ if($(this).attr("checked")!=undefined) { $(this).siblings().attr("checked",false); $(this).attr("checked",true); } }); }); </script> <style> span,input{float:left;} input{width:14px;height:14px;} span{margin-right:20px;} </style> </head> <body> <div> <inputtype="checkbox"/><span>1</span> <inputtype="checkbox"/><span>2</span> <inputtype="checkbox"/><span>3</span> <inputtype="checkbox"/><span>4</span> <inputtype="checkbox"/><span>5</span> <inputtype="checkbox"/><span>6</span> <inputtype="text"/><span>7</span> </div> </body> </html>