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同时添加到两个复选框

＆＃13;

<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>

＆＃13;

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（＆＃34; _1234＆＃34;）。checked = true;

JQuery解决方案：

$（＆＃34; #_ 1234＆＃34;）。prop（＆＃34; checked＆＃34;，true）;

一次只能选择一个单选按钮

2 个答案: