Default checked button

Question

Below code is html produced from opencart 2

No radio button is selected when loading page.

How can i have selected the Value="2" as default checked. (javascript or 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>

Solution with javascript

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

Possible duplicate of [Assign an initial value to radio button as checked](http://stackoverflow.com/questions/4711036/assign-an-initial-value-to-radio-button-as-checked) — Sooraj, Sep 06 '16 at 13:04
I think the question @KostasKon is really asking is: how, in Opencart 2, can I configure a default checked radio button in a group of buttons. — JeroenVdb, Sep 06 '16 at 13:11

Pandiyan Cool · Accepted Answer · 2016-09-06T13:21:30.490

0

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

Using javascript:

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

Using html: You can simply add checked attribute to your html element

Using the element name:

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

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

edited Sep 06 '16 at 13:21

answered Sep 06 '16 at 13:02

Pandiyan Cool

6,381
8
51
87

I can't add id to code. Is opencart and custom fields. – Athon Sep 06 '16 at 13:05
then you can add checked attribute to the html code – Pandiyan Cool Sep 06 '16 at 13:09
Or you can use getElementsByName("custom_field[1]").checked=true; – Pandiyan Cool Sep 06 '16 at 13:11
Opencart is written in php. Custom fields was made from admin area not with code. – Athon Sep 06 '16 at 13:12
try and let me know – Pandiyan Cool Sep 06 '16 at 13:13
Its document.getElementsByName("custom_field[1]")[0].checked=true; check the updated answer – Pandiyan Cool Sep 06 '16 at 13:21
welcome! If you feel answer is helpful, please accept and upvote the answer by clicking the tick symbol next to the answer. – Pandiyan Cool Sep 06 '16 at 13:27

score 0 · Answer 2 · answered Sep 06 '16 at 13:02

0

You can simply add checked attribute

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

answered Sep 06 '16 at 13:02

Sooraj

9,717
9
64
99

The code produced from php (opencart) and i use custom fields. I can't add "checked" – Athon Sep 06 '16 at 13:09

score 0 · Answer 3 · answered Sep 06 '16 at 13:26

0

The solution with javascript was the below code:

document.getElementsByName("custom_field[1]")[0].checked=tru‌e;

Thank you Pandiyan Cool

answered Sep 06 '16 at 13:26

Athon

31
7

You don't have repost the answer! it will create duplicates. You can click the tick symbol next to the original answer itself which helps you – Pandiyan Cool Sep 06 '16 at 13:28

Default checked button

3 Answers3