html - Radio Buttons Pre-Selected in Bootstrap and jQuery -

html - Radio Buttons Pre-Selected in Bootstrap and jQuery -

this question has reply here:

how check multiple radio button, radio buttons having same name? 6 answers

so i've been working on hours. seems there glitch in way bootstrap , jquery interact each other.

i can radio buttons visually pre-selected if wrap in .input-group , utilize no attributes except "checked" so:

<div class="input-group"> <input type="radio" checked> <label>automatic</label> <input type="radio"> <label>custom</label> </div>

this driving me crazy, because need command how form behaves in non-standard way.

if following, breaks immediately:

<div> <input type="radio" name="one-group" value="automatic" checked> <label>automatic</label> <input type="radio" name="one-group" value="custom"> <label>custom</label> </div>

i have been going source code, don't want give client project deviates standard much.

here's problem:

it works functionally not visibly. when work visibly (using spans in label , such) no longer works functionally. short of writing complicated , specific plugin redoes logic of "radio button", how prepare this?

i racking brain solution, please help!

since both radio buttons share name, "one-group", , both checked - it's not displaying it. give sec radio button different name. radio buttons mutually exclusive.

html twitter-bootstrap radio-button