一次只能選擇一個單選按鈕

Question

我想使用Javascript從兩個單選按鈕中選擇一個單選按鈕這里是我的html代碼

<div class="row">
    <div class="form-group">
        <label class="control-label col-sm-6">Feel Of The Cards : </label>
        <div class="col-sm-6">
            <input type="radio" value="NonEmbossed" name="feel_of_card" /> Non Embossed/Smooth Finished<br>
            <input type="radio" value="Embossed" name="feel_of_card1" /> Embossed/Linen Finished/Textured Cards
        </div>
    </div>
</div>

我想創建一個單獨的功能，從兩個單選按鈕中選擇一個單選按鈕？

編寫javascript函數的可能方法是什么？

Answer 1

你不需要 JavaScript 來做到這一點。 只需為兩個復選框指定相同的name

 <div class="row"> <div class="form-group"> <label class="control-label col-sm-6">Feel Of The Cards : </label> <div class="col-sm-6"> <input type="radio" value="NonEmbossed" name="feel_of_card" /> Non Embossed/Smooth Finished<br /> <input type="radio" value="Embossed" name="feel_of_card" /> Embossed/Linen Finished/Textured Cards </div> </div> </div>

Answer 2

<div class="row">
                        <div class="form-group">
                        <label class="control-label col-sm-6">Feel Of The Cards : </label>
                        <div class="col-sm-6">
                        <input id="_1234"  type="radio" value="NonEmbossed" name="feel_of_card" /> Non Embossed/Smooth Finished<br>
                        <input id="_1235" type="radio" value="Embossed" name="feel_of_card" /> Embossed/Linen Finished/Textured Cards</div>
                        </div>
                        </div>

為什么使用 all 而不是 id 值？ 也不要將 CSS 語法（# 表示標識符）與原生 JS 原生 JS 解決方案混合使用：

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

jQuery 解決方案：

$("#_1234").prop("checked", true);