Question

<input type="radio" name="red"  value ="red"  onclick="myFunction(this.value);"id="chkbx" /> &nbsp; Red<br>
    <input type="radio" name="green"  value ="green" onclick="myFunction(this.value);"id="chkbx" > &nbsp; green<br>
    <input type="radio" name="yellow"  value ="yellow " checked onclick="myFunction(this.value);"id="chkbx" > &nbsp; yellow<br>
    <input type="radio" name="orange"  value ="orange" onclick="myFunction(this.value);"id="chkbx" > &nbsp; orange<br>
    <input type="radio" name="blue"  value ="blue" onclick="myFunction(this.value);"id="chkbx" > &nbsp; blue<br>
    <p id="demo"></p>
button onclick="myfunction(this.value)">My Choice</button>
<br><br>

    <p id="demo"></p>


    <script>
    function myFunction(chkbx)
     {
      if(chkbx.checked)
     {
       chkbx.checked = false;
     }
     else
     {
      chkbx.checked = true;
     }

事情是“我想从单选按钮获取颜色应用于输出屏幕中的文本（一次选择一个单选按钮）。我能做什么。请给出一些想法。我是javascript的新手我只想用javascript。

Answer 1

.Value会返回值：

function myFunction(chkbx)
{
   if(chkbx.checked)
   {
      alert(chkbx.value);
   }
}

Answer 2

将组中的所有单选按钮设为相同 name。

Answer 3

单选按钮允许用户仅选择一组预定义的选项。使用name属性定义组（具有相同名称的单选按钮属于同一组）。因此，要解决您的问题，您可以执行以下操作。

<p><input type="radio" name="color"  value ="red"><i>Red</i></p>
<p><input type="radio" name="color"  value ="green"><i>Green</i></p>
<p><input type="radio" name="color"  value ="yellow" checked><i>Yellow</i></p>
<p><input type="radio" name="color"  value ="orange"><i>Orange</i></p>
<p><input type="radio" name="color"  value ="blue"><i>Blue</i></p>

如何在javascript中只获得一个单选按钮值

3 个答案: