如何设置和获取jquery按钮的值

Question

我有很多“是”和“没有”的单选按钮要在编辑表单中设置，我想设置从ajax查询返回的值。在编辑完单选按钮中的新值后，需要将其保存在数据库中。我试过这个：

<div class="span2">
    <div class="control-group checkForError">
        <label class="control-label" for="power">Power On OK?
        </label>
            <div class="controls">
                <label class="radio" >
                     <input type="radio" name="power" id="pyes" value="YES" />Yes
                 </label>
                 <label class="radio" >
                     <input type="radio" name="power" id="pno" value="NO" />No
                 </label>
             </div>
    </div>
</div>
<div class="span2">
    <div class="control-group checkForError">
        <label class="control-label" for="boot">System Boot OK?
        </label>
            <div class="controls">
                <label class="radio" >
                    <input type="radio" name="boot" id="boyes" value="YES"/>Yes
                </label>
                <label class="radio" >
                    <input type="radio" name="boot" id="bono" value="NO" />No
                </label>
            </div>
    </div>
</div>

在这里，我尝试使用passValues()设置从db获得的值。

function passValues(){

    var power_value="YES";
    var boot_value="NO";

    if(power_value=="YES"){ $("#pyes").parent().addClass("checked"); }
    else{ $("#pno").parent().addClass("checked"); }
    $("#power").trigger('change');

    if(boot_value=="YES"){ $("#cdyes").parent().addClass("checked"); }
    else{ $("#cdno").parent().addClass("checked");}
    $("#cddvd").trigger('change');
    }

它在单选按钮中设置值，但当我尝试使用getValues()：访问同一个值时，未定义

function getValues(){
     alert("Power : "+ $('#power').val();) //Power : undefined
     alert("Boot : "+ $('#boot').val();) //Boot : undefiend
    } 

为什么我得到这个Power :未定义的值？

Answer 1

您正在尝试按名称进行选择，jQuery中的"#“选择器按ID进行选择，这是最快捷的选择器形式，因为它是唯一的。您不能有重复的ID，但是可以有重复的名称(这是标准的单选按钮组实践)。

为了你的目的，我会使用一个复杂的选择。

$('input[name=boot]:checked').val();

另外，您的passValues函数应该使用：

$("#pyes").prop( "checked", true );

这是设置单选按钮的推荐方法。