Question

下面的代码是从opencart 2

生成的html

加载页面时没有选择单选按钮。

我如何选择值=＆＃34; 2＆＃34;默认选中。（javascript或CSS）

<div id="payment-custom-field1" class="form-group custom-field" data-sort="0">
<label class="control-label">Invoice</label>
<div id="input-payment-custom-field1">
<div class="radio">
<label>
<input type="radio" value="2" name="custom_field[1]">
Receipt
</label>
</div>
<div class="radio">
<label>
<input type="radio" value="1" name="custom_field[1]">
Invoice
</label>
</div>
</div>
</div>

使用javascript解决方案

(function() {
document.getElementsByName("custom_field[1]")[0].checked=true;
})();

Answer 1

<input type="radio" id="sample" value="2" name="custom_field[1]">
Receipt
</label>

使用javascript：

document.getElementById("sample").checked = true;

使用html：您只需将checked属性添加到您的html元素

即可

使用元素名称：

(function() {
   document.getElementsByName("custom_field[1]")[0].checked=true;
})();

https://jsfiddle.net/pandiyancool/vb73q59w/

Answer 2

您只需添加checked属性

即可

<input type="radio" value="2" name="custom_field[1]" checked>

Answer 3

使用javascript的解决方案是以下代码：

document.getElementsByName（＆＃34; custom_field [1]＆＃34;）[0] = .checked TRUË

谢谢Pandiyan Cool

默认选中按钮

3 个答案: