如何使单选按钮在文本上可点击答案

【问题标题】：How to make the radio button clickable on text如何使单选按钮在文本上可点击
【发布时间】：2014-07-18 03:58:59
【问题描述】：

我的文字无法点击

鉴于我将输入放在标签标签内

html代码

            <label for="mvaas_api_log_server_information"><input checked="checked" id="server_information_portal" name="server_information" type="radio" value="portal">
            portal
            </label>
            <label for="mvaas_api_log_server_information"><input id="server_information_register" name="server_information" type="radio" value="register">
            register
            </label>
          </div>

haml 代码

        = f.label "Choose Server" , class:'col-sm-2 control-label no-padding-right', for: 'form-field-1'
        .col-sm-5
          - %w(portal register).each_with_index do |server_type, i|
            = f.label :server_information do
              - if server_type == @mvaas_api_log.server_information
                = radio_button_tag :server_information, server_type, true
              - else
                = radio_button_tag :server_information, server_type
              = server_type

【问题讨论】：

标签： html ruby-on-rails haml

【解决方案1】：

标签的for属性必须与你要触发的输入的id匹配，像这样：

<label for="server_information_portal"><input checked="checked" id="server_information_portal" name="server_information" type="radio" value="portal">
        portal
        </label>
        <label for="server_information_register"><input id="server_information_register" name="server_information" type="radio" value="register">
        register
        </label>
      </div>

如果for 属性不匹配，浏览器就无法知道标签的输入是什么。

【讨论】：