单击输入时，JavaScript显示div吗？

Question

单击输入字段时，我想显示一个块div。

<input class="indifferent" type="radio" name="decision" value="indifferent"> Indifferent </br>
<div class="input" style="display: none;"> Please help for our company! </br> <input type='text' name='help'> </br> </div>

如何执行？

Answer 1

这是一个简单的非jquery依赖的解决方案：

 <input class="indifferent" type="radio" name="decision" value="indifferent" onclick="document.getElementById( 'hidden' ).style.display = 'block' "> Indifferent <br> <div id="hidden" class="input" style="display: none;"> Please help for our company! <br> <input type='text' name='help'> <br> </div> 

Answer 2

 $(".indifferent").click(function(){
    $(".input").toggle();
});

每次单击.indifferent都会在显示和隐藏之间更改其显示。

Answer 3

添加以下jQuery。

$('input').on('click', function() {
$('.input').css('display', 'block');              
});

JS菲德尔

Answer 4

我总是喜欢在单击指示单指属性（添加到任何元素）时添加一个类，因为它允许您现在或将来为div添加更多样式。 更具通用性：

$(document).ready(function () {
            $('.indifferent').click(function () {
                $('.input').addClass("display")
                 });
        });  

小提琴