name属性に同一の値を設定した要素が、同一のグループとしてまとめられます。
<label><input type="radio" name="sample" value="1" checked="checked" />radio1</label> <label><input type="radio" name="sample" value="2" />radio2</label> <label><input type="radio" name="sample" value="3" />radio3</label>
name属性が同一でも、異なるform要素に内包される要素は、異なるグループとなります。radio button group - HTML Standard
<form> <input type="radio" name="sample1" />A <input type="radio" name="sample1" />B <input type="radio" name="sample2" />C <input type="radio" name="sample2" />D </form> <input type="radio" name="sample1" />A <input type="radio" name="sample1" />B <input type="radio" name="sample2" />C <input type="radio" name="sample2" />D <div> <input type="radio" name="sample1" />E <input type="radio" name="sample2" />F </div>
<input type="radio" name="sample" readonly="readonly" />
HTML5ではtypeがradioなどの要素では、readOnlyの指定が無視されます。Properties - HTMLInputElement - Web APIs | MDN
readonlyの指定なし | |
readonlyの指定あり |