Question

我已经看过这个帖子了：Add required attribute when radio is checked但是，答案并没有针对特定单选按钮的ID，而只是名称。我无法使用名称方法实现我想要的，因为我的收音机选项的名称需要相同，请参阅HTML以了解我的意思。

以下代码显示了一个只有两个选项的单选按钮。当选中无线电选项#yesCheck时，它仅显示#ifYes div。如果选中#noCheck，它将被隐藏。

我的问题

在显示#ifYes的同时，我想将所需属性添加到#ifYes（#businessname and #regnum）中的2个输入中。 <{1}}被隐藏时也会删除required属性。

jsFiddle

HTML

#ifYes

JS

<label>Are you a business or consumer?</label>
<span>Business</span><input type="radio" onclick="javascript:yesnoCheck();" value="Business" name="customer[note][Business or Consumer?]" id="yesCheck" required/><br/>
<span>Consumer</span><input type="radio" onclick="javascript:yesnoCheck();" value="Consumer" name="customer[note][Business or Consumer?]" id="noCheck" /><br/>

 <div id="ifYes">
    <label for="businessname">Business name</label>
    <input id="businessname" type="text" name="customer[note][Business Name]" placeholder="Business Name" />
    <label for="regnum">Business Registration No.</label>
    <input id="regnum" type="text" name="customer[note][Business Reg No.]" placeholder="Business Registration No." />
 </div>

Answer 1

"some_thing" 检索属性的值。要设置，您必须设置一个值来设置：$('#businessname').attr('required');

但是对于$('#businessname').attr('required', 'required');和类似的，最好使用reflect属性。阅读：required，写作：x = $('#businessname').prop('required');或$('#businessname').prop('required', true);。

当字段可见时添加必需的属性

1 个答案: