jQuery Radio Buttons ...基本功能无法开始工作

时间:2014-01-28 16:40:10

标签: jquery html radio-button

首次尝试使用jQuery,但是我试图让我的头发功能正常工作。我在表单上有2个单选按钮,根据选择的单选按钮,将以相同的形式更新输入文本框的值。对于我的生活,我无法让这个工作!如果我选择更新“h2”标签,甚至输入文本框旁边的文本标签的属性,相同的代码将起作用。我的jQuery代码如下:

$(document).ready(function() {
    $('input:radio[name=RGType]').click(function(){
        var CompType = ($('input:radio[name=RGType]:checked').val());
        //alert(CompType) // this works
        $('#txt_Computername').text(CompType);
    });
});

HTML的区域如下:

    <tr>
    <td style="text-align:right"><label for="RGType" id="t_Type">Computer Type:</label></td>
    <td>
        <label><input type="radio" name="RGType" value="SECDES" id="RGType_0">Desktop</label>
        <label><input type="radio" name="RGType" value="SECLAP" id="RGType_1">Laptop</label>
    </td>
    </tr>
    <tr>
    <td style="text-align:right"><label for="txt_Computerame" id="t_Computername"><span class="required">* </span>Computer Name:</label></td>
    <td><input id="txt_Computername" type="text" name="Computername" alt="Computer Name" style="width:60%" value="test" /></td>
    </tr>

使用Firebug,它正确地将文本框中的当前值标识为“test” - 所以我必须找到正确的元素。如果我将要更新的文本更改为#t_Computername(adjecent标签),它就可以了!

我错过了什么?

感谢您的任何建议......抱歉愚蠢的基本问题!

...问候

2 个答案:

答案 0 :(得分:1)

似乎你想要:

$('#txt_Computername').val(CompType);

您需要使用 val() input元素设置值而不是text()

答案 1 :(得分:0)

您需要更换

$('#txt_Computername').text(CompType);

$('#txt_Computername').val(CompType);