如何用JS添加必需属性到单选按钮?

时间:2017-09-07 18:54:48

标签: javascript

我尝试使用javascript将所需属性添加到广播输入中。我目前有document.getElementsByClassName("LMB")[0].required = true;,它给我错误document.getElementsByClassName(...)[0]未定义。

以下是我使用的html代码。

<input type="radio" name="LMB" id="yes" value="Yes">
<label for="yes">Yes</label>
<input type="radio" name="LMB" id="no" value="No">
<label for="no">No</label>

5 个答案:

答案 0 :(得分:1)

您的输入没有class="LMB",请添加并重试:

&#13;
&#13;
document.getElementsByClassName("LMB")[0].required = true;
&#13;
<input class="LMB" type="radio" name="LMB" id="yes" value="Yes">
<label for="yes">Yes</label>
<input class="LMB" type="radio" name="LMB" id="no" value="No">
<label for="yes">No</label>
&#13;
&#13;
&#13;

但是,如果要使用name属性,可以使用document.getElementsByName

&#13;
&#13;
document.getElementsByName("LMB")[0].required = true;
&#13;
<input type="radio" name="LMB" id="yes" value="Yes">
<label for="yes">Yes</label>
<input type="radio" name="LMB" id="no" value="No">
<label for="yes">No</label>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

定位sun元素的name属性时使用的正确方法是

input

请参阅https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByName

&#13;
&#13;
document.getElementsByName
&#13;
document.getElementsByName("LMB")[0].required = true;
&#13;
&#13;
&#13;

此外,您的第二个标签应使用<input type="radio" name="LMB" id="yes" value="Yes"> <label for="yes">Yes</label> <input type="radio" name="LMB" id="no" value="No"> <label for="no">No</label>

答案 2 :(得分:1)

你应该使用如下

document.getElementsByName("LMB")[0].setAttribute("required","required");
<input type="radio" name="LMB" id="yes" value="Yes">
<label for="yes">Yes</label>
<input type="radio" name="LMB" id="no" value="No">
<label for="no">No</label>

答案 3 :(得分:0)

您已忘记在输入标记

中使用class属性
list_data = []
for d in filtered_data:
    list_data.append({k: d[k] for k in mandatory_keys if beginning_date_format
                                          <= dateutil.parser.parse(d.get('Open_date'))
                                          < ending_date_format and (d.get('id')=='' 
                                 or d.get('User')=='' or d.get('Ticket_status')=='')})

答案 4 :(得分:0)

  

[...]它将仅返回具有给定类名的指定根元素的后代元素。

https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByClassName

在您的例子中,您的输入没有任何类名:

<input class="LMB" type="radio" name="LMB" id="yes" value="Yes">
<label for="yes">Yes</label>
<input class="LMB" type="radio" name="LMB" id="no" value="No">
<label for="yes">No</label>