获取单选按钮以输出信息

Getting Radio Buttons to output info

本文关键字：信息 输出 单选按钮 获取      更新时间：2023-09-26

我对编码和CS很陌生，所以很抱歉，如果这个问题有点明显。在我理解之前，我找不到任何关于这个的东西。我正在制作一组单选按钮，我希望用户检查什么适用于他们，并提交它。我如何获得他们点击的按钮的值(使用javascript)，以便我的代码可以生成相应的输出。

        <p> Pick a hair length </p>
        <input type="hidden" value="" id="rdValue" />
        <div>
            <label> <input type="radio" name="length" value="short"> Short </label>
        </div>
        <div>
            <label> <input type="radio" name="length" value="med"> Medium </label>
        </div>
        <div>
            <label><input type="radio" name="length" value="long"> Long </label>
        </div>
        <p> Pick a hair type </p>
        <div>
            <label> <input type="radio" name="type" value="curly"> Curly </label>
        </div>
        <div>
            <label> <input type="radio" name="type" value="wavy"> Wavy </label>
        </div>
        <div>
            <label><input type="radio" name="type" value="straight"> Straight </label>
        </div>

您可以使用它从"length"单选按钮中获取所选单选按钮的值，例如:

$("输入:无线电[name = '长度']").val ();

这个问题与你的问题非常相似，并且在jQuery和Javascript中有答案。这很简单。

基本上，您从页面中获取单选按钮的DOM元素，然后遍历它们，检查它们的值。一旦您找到一个"true"，您就找到了所选的值。

相关文章：