当我的输入单选被选中但我的 div 没有出现时,我需要显示一个文本区域。当我的输入单选被选中但我的 div 没有出现时,我需要显示一个文本区域。
<script>
$("#divTAchoixContenuPP").hide();
$("input:radio[name='choixContenuPP']").change(function(){
if(this.value == 'OContenuPP' && this.checked){
$("#divTAchoixContenuPP").show();
}else{
$("#divTAchoixContenuPP").hide();
}
});
});
</script>
<div class="form-group">
<label for="" class="col-sm-7 control-label">Le contenu du poste de travail a-t-il évolué depuis le dernier entretien professionnel ?</label>
<div class="col-sm-5">
<label class="radio-inline">
<input type="radio" name="choixContenuPP" id="OContenuPP" value="OContenuPP"> Oui
</label>
<label class="radio-inline">
<input type="radio" name="choixContenuPP" id="NContenuPP" value="OContenuPP"> Non
</label>
</div>
</div>
<div class="form-group" id="divTAchoixContenuPP" style="display:none;">
<label for="TAchoixContenuPP" class="col-sm-2 control-label">Si oui, préciser les principaux changements </label>
<div class="col-sm-4">
<textarea class="form-control" name="TAchoixContenuPP" id="TAchoixContenuPP" rows="3"></textarea>
</div>
</div>
最佳答案
两个单选选项的值都是“OContenuPP”,因此 if 子句
if(this.value == 'OContenuPP' && this.checked){
永远为真,因此 div 不会消失。
我为您修复了您的代码:https://jsfiddle.net/gemto31j/
我所做的只是将第二个单选选项的值更改为
value="NContenuPP"
祝你好运!
关于javascript - 当输入单选被选中时显示文本区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34719001/