当我点击一个输入时，JavaScript会显示一个div？

-1

我想单击输入字段时显示一个块div。当我点击一个输入时，JavaScript会显示一个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>

我该如何执行它？

来源

2015-04-01 Mistic

你的意思是，当 “无所谓” 被选中？看看这个：http://stackoverflow.com/a/28773065/1913729 – blex 2015-04-01 18:10:33

添加以下jQuery。

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

JS FIDDLE

来源

2015-04-01 18:12:37 Delto

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

每次单击.indifferent会改变它的显示和隐藏之间显示。

来源

2015-04-01 18:12:59 9Deuce

使用'$（“。input”）会更安全toggle（$（this）.is（'：checked'））;'to确保它反映了它是否被检查的事实。 – blex 2015-04-01 18:15:06

啊。非常真实。我无意中忽略了这一点。良好的捕获 – 9Deuce 2015-04-01 18:17:04

我一直比较喜欢在点击一个sigle属性（对于任何元素）时添加一个类，因为它允许您现在或将来添加更多样式到div。它更多的Versatil：

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

FIDDLE

来源

2015-04-01 18:16:18

下面是一个简单的非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>

来源

2015-04-01 18:16:27

如果你想在代码中做同样的代码，那么它就是一个函数。 [**小提琴**]（http://jsfiddle.net/dx8269q9/1/）。但是，从我+1。 – dowomenfart 2015-04-01 18:41:26

当我点击一个输入时，JavaScript会显示一个div？

回答

相关问题