Question

当我选择带有值4的单选按钮时，我试图显示/添加字段'area_outros_descricao'。我做错了什么？

form do |f|
     ...
     ...

     f.input :tipo_proposta, label: 'Proposta do Projeto', as: :radio, collection: {'Fechada' => 1, 'Pontual'=> 2, 'Emergencial' => 3, 'Outros' => 4}

     if f.object.tipo_proposta == 4
         f.input :area_outros_descricao, label: 'Descrição'
     end

     ...
     ...

end
f.actions

Answer 1

您必须在客户端使用jQuery来显示或隐藏输入。

Answer 2

您需要使用 JavaScript ：

以下是选择单选按钮的添加输入字段的示例..

function yesnoCheck() {
    if (document.getElementById('yesCheck').checked) {
        document.getElementById('ifYes').style.display = 'block';
    }
    else document.getElementById('ifYes').style.display = 'none';

}

Demo1 :

另一个例子

$(document).ready(function () {
    $(".text").hide();
    $("#r1").click(function () {
        $(".text").show();
    });
    $("#r2").click(function () {
        $(".text").hide();
    });
});

通过无线电选项添加输入字段

2 个答案:

Demo1 :

Demo2: