z183052114
2016-11-18 05:36
采纳率: 50.9%
浏览 6.6k

如何在table表单中插入radio单选按钮

图片说明
效果跟想象的不太一样啊

效果跟想象的不太一样啊

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

6条回答 默认 最新

  • Lammy的幻想黄瓜 2016-11-18 06:15
    已采纳

    F12检查一下input[type=radio]的样式和布局先,我认为很有可能是表格布局产生的影响,要不就是css样式有另外的定义和写法,隐藏了单选按钮以方便自定义

    打赏 评论
  • Tiger_Zhao 2016-11-18 05:54

    要用 for 属性关联而不是嵌套。

        <td colspan="3">
            <input ... id="radStu"/><lable for="radStu">学生</label>
            <input ... id="radTes"/><lable for="radStu">老师</label>
            <input ... id="radLins"/><lable for="radLins">临时工</label>
        </td>
    
    打赏 评论
  • 陈 俊 刚 2016-11-18 05:56
     <!DOCTYPE html>
    <html>
    <head>
        <title>表格</title>
    </head>
    <body>
        <table>
            <tr>
                <td><input type="radio" />学生</td>
                <td><input type="radio" />老师</td>
                <td><input type="radio" />临时工</td>
            </tr>
            <tr>
                <td colspan="3"><input type="text" /></td>
            </tr>
        </table>
    </body>
    </html>
    
    

    你把下面输入框的td中加上colspan=“3”就好了。

    打赏 评论
  • z183052114 2016-11-18 06:03

    图片说明

    打赏 评论
  • 徐福记456 2016-11-18 06:39

    图片说明你看下这样行不:

         <tr> 职业:
            <label><input name="profession" type="radio" value="学生"   onclick="getValue()"/>学  生 </label>
            <label><input name="profession" type="radio" value="老师"   onclick="getValue()"/>老  师 </label>
            <label><input name="profession" type="radio" value="临时工" onclick="getValue()"/>临时工 </label>
          </tr>
    

    获取选中对应的值:

    <script>
    function getValue(){  
        var radio = document.getElementsByName("profession");  
        for (i=0; i<radio.length; i++) {  
            if (radio[i].checked) {  
                alert(radio[i].value)  
            }  
        }  
    }  
    </script>
    
    打赏 评论
  • 琛ccsy 2019-04-15 13:41

    lz不妨试试给input 添加属性【style="display: table-row-group"】

    打赏 评论

相关推荐 更多相似问题