如何在单选按钮上单击显示文本区域弹出？

Question

我想做类似this website的事情。

在此，如果你会点击糟糕的选择（单选按钮）：

文本区域将出现在灯箱式弹出：

而且当点击提交它关闭。

如果有人可以帮助我创建类似的东西，请告诉我。

在此先感谢。

我用我自己做到了，感谢所有为以下sagestion 点击答案

http://jsfiddle.net/Rajeshkrathor/2eEjz/

Answer 1

您可以通过使用ModalForm尝试。

Answer 2

<div id="somediv"><input type="radio" id="poor" /></div> 

JS：

$("#poor").on("click", function(){ 
    $("#somediv").append('<input type="text"/>'); 
} 

如果你要显示的文本框状态

，你可以使用jQuery模态

http://jqueryui.com/demos/dialog/#modal-form

Answer 3

相反，侦听无线电点击的，最好倾听change()事件触发事件，并检查checked属性以及较差的单选按钮选项。

<input type="radio" name="form_question_1" value="poor" /> 

在结合

# listen for a change in the status of poor radio button 
$('input[value=poor]').change(function() { 
    var input_name = $(this).attr('name'); 
    var input_comment_name = input_name + '_comment'; 

    # add a comment field when poor is checked 
    if ($(this).attr('checked') == 'checked') { 
    $(this).append('<input type="text" name="' + input_comment_name + '" />'); 

    # remove any preexisting comment field if poor is unchecked 
    } else if ($('input[name=input_comment_name]').length > 0) { 
    $('input[name=input_comment_name]').remove(); 
    } 
}); 

我没有测试的代码，它是不是超级干净，但你的想法。

Answer 4

我已经在我自己做过。

请看看和利率我，这样我可以从我的堆栈ID隆起的禁令..

请老乡的链接。

http://jsfiddle.net/Rajeshkrathor/2eEjz/