Question

我有一个用户回答问题的申请表，我正在寻找一些回应。基本上我正在寻找的是某种方式，以便用户检查像

这样的东西

其他

<div>
    <div>
        <input type="checkbox" name="Other" value="Other" />
    </div>
    <label>Other</label>
</div>

然后才显示

<div>
    <label>If other, which game(s)?</label>
    <textarea name="Other Response"></textarea>
</div>

谢谢！我已经开始工作了。

Answer 1

最初，您可以使用display：'none'属性创建textarea内容，这样当用户检查另一个复选框时，用户不可见，并且您可以显示其他Content HTML元素的一部分。

点击此处查看工作代码

**HTML**
<div class="userCheck">
 <input type="checkbox" id="other" name="Other" value="Other" />
 <label>Other</label>
</div>

<div class="otherCon">
 <label>If other, which game(s)?</label>
 <textarea name="Other Response"></textarea>
</div>

**CSS**
.otherCon {
  visibility: hidden;
}

**JS**
$('#other').on('click', function() {
 if ($(this).is(':checked')) {
  $('.otherCon').css('visibility', 'visible');
 } else {
   $('.otherCon').css('visibility', 'hidden');
 }
});

响应联系/申请表

1 个答案: