如何在javascript中获取复选框值[关闭]答案

【问题标题】：how to get checkbox value in javascript [closed]如何在javascript中获取复选框值[关闭]
【发布时间】：2014-03-07 06:58:27
【问题描述】：

我的 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 中获取复选框值，如果选择了任何一个复选框，该颜色将应用于要在输出中显示的文本。怎么办？

【问题讨论】：

似乎单选按钮可能更适合这个。
属性id应该是唯一的
欢迎来到 Stack Overflow！请记住始终检查选择标签时出现的有用描述。这将帮助您选择有助于对问题进行分类的标签。标签不是关键字！不要只是用与问题标题中相同的词来填充标签列表。

标签： javascript html checkbox html-input

【解决方案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 ) 并从那里开始工作。信息直接传递给函数，因此无需查找。

【讨论】：

谢谢杰夫。我想将文本显示为单选按钮中选择的颜色怎么办？谢谢。
整个页面的文本还是页面特定区域的文本？