Question

我在这个网站上搜索并尝试了所有建议，并且在单选按钮上选择“否”时无法获取文本字段。

如果未选中“是”和“否”，则不需要文本字段，因此表单将提交。但如果检查了任何一个字段，那么即使是'否'也需要它： - （

如果在'field_1'单选按钮上选择'是'，我只想要'field_2'输入。

如果选择“否”，我将隐藏文本字段，但暂时删除了该代码以保持简单。

HTML

<form method="post" action="#">
<div>
  <div class="radio">
    <span class="label">Do you have your own website? (required)</span>
      <div>
        <label><input type="radio" name="field_1" value="Yes"> Yes</label>
        <label><input type="radio" name="field_1" value="No"> No</label>
      </div>
  </div>
</div>

<div>
  <label for="field_2">Website URL </label>
  <input type="text" name="field_2" id="field_2" value="" />
</div>

<div>
  <input type="submit" value="Submit">
</div>  
</form>

Jquery的

$(document).ready(function(){
    $('input[name="field_1"]').change(function () {
        if(this.checked) {
            $('#field_2').prop('required',true);
        } else {
            $('#field_2').prop('required',false);
        }
    });
});

感谢您的帮助。

Answer 1

使用以下内容更改jquery，它将对您有用

$(document).ready(function(){
    $('input[name="field_1"]').change(function () {
        if($(this).val() =='Yes') {
            $('#field_2').prop('required',true);
        } else {
            $('#field_2').prop('required',false);
        }
    });
});

单选按钮为“是”时需要填写字段，“否”时需要填写字段

1 个答案: