Question

我的HTML脚本是

<html>

    <body>
    <b><font color="green">Please select a check box to change the color of text </font> </b><br>
    <input type="checkbox" name="red"  id="chkbx" > &nbsp; Red<br>
    <input type="checkbox" name="green" id="chkbx" value="1"> &nbsp; Green <br>
    <input type="checkbox" name="blue" id="chkbx" value="2"> &nbsp; Blue <br>
    <input type="checkbox" name="orange" id="chkbx" value="3"> &nbsp; Orange <br>
    <input type="checkbox" name="yellow" id="chkbx" value="4"> &nbsp; Yellow <br>
    <p id="demo"></p>

    <button onclick="myfunction()">My Choice</button>
<br><br>
    <h style="color: red; font-weight: bold;"> </h>
    <p id="demo"></p>

我需要在javascript中获取复选框值，如果选中任何一个复选框，则颜色将应用于要在输出上显示的文本。怎么办？

Answer 1

首先关闭 - 不要使用自1999年以来已弃用的标签

<p style='font-weight:bold; color:green'>....</p>

而不是复选框使用单选按钮

<input type="radio" name="red" value="red" onClick="myFunction(this.value);"> &nbsp; Red<br>

对所有可能的选择重复上述步骤。将您的功能myFunction()更改为myFunction( value )并从那里开始工作。信息直接传递给函数，因此无需寻找它。

如何在javascript中获取复选框值

1 个答案: