搜技巧 | 只提供最简单有效的方法与技巧

分享简单实用的方法与技巧
当前位置:搜技巧 > 网站开发 >


radio 按钮多选与单选的问题

  喜欢 radio 按钮的简洁,又想要多选功能,该怎么实现 radio 按钮多选与单选呢?

radio 按钮多选与单选

  1.单选功能:

         <div>

             <input type="radio" name="1" value="1" />暂成
 
             <input type="radio" name="1" value="2" />反对
    
             <input type="radio" name="1" value="3" />中立
 
             <a href="#" class="btn" title="提交" alt="提交"></a> 
 
         </div>
 

  2.多选功能:

        <div>

             <input type="radio" name="1" value="1" />暂成
 
             <input type="radio" name="2" value="2" />反对
    
             <input type="radio" name="3" value="3" />中立
 
             <a href="#" class="btn" title="提交" alt="提交"></a> 
 
         </div>
 

  其实,就是将radio中的name属性,设为不同的,就可实现多选功能。

分享:
跋山涉水找红包 扫码省钱 不如扫码省点钱

相关推荐