收音机按钮从值填充输入

时间:2012-09-27 15:54:35

标签: jquery input add radio

$(document).ready(function() {
    var ttline2 = $('#FIELD_' + FieldIDS['TT_Line2']);

    ttline2 = $('#FIELD_' + FieldIDS['BadgeHolder']; + $('#FIELD_' + FieldIDS['strap_clip']; + $('#FIELD_' + FieldIDS['Lanyard'];
    });

所以我上面的代码是这样的。 我有3个单选按钮,每个单选按钮都有一个值,每个值需要添加到一个输入字段,输入字段是TT_Line2。我可以使用$('#FIELD_'+ FieldIDS ['Lanyard'];来调用特定字段。在JSLINT上,它表示使用点表示法会更好。

问题, 我无法将其传递给输入字段。形成填充物仍然是新的。

这是我的HTML代码

    <tbody><tr valign="top" style="width: 125px; "><td style="width: 125px"><input type="radio" name="FIELD_1366" id="FIELD_1366" value="No"><span>No</span>
    </td>
    </tr>
    <tr valign="top" style="width: 125px; "><td style="width: 125px"><input type="radio" checked="" name="FIELD_1366" id="FIELD_1366" value="BadgeHolder"><span>Yes</span>
    </td>
    </tr>
    </tbody>

    <tbody><tr valign="top" style="width: 125px; "><td style="width: 125px"><input type="radio" name="FIELD_898" id="FIELD_898" value="No"><span>No</span>
    </td>
    </tr>
    <tr valign="top" style="width: 125px; "><td style="width: 125px"><input type="radio" checked="" name="FIELD_898" id="FIELD_898" value="BulldogClip"><span>Yes</span>
    </td>
     </tr>
    </tbody>

    <tbody><tr valign="top" style="width: 200px; "><td style="width: 200px"><input type="radio" name="FIELD_1276" id="FIELD_1276" value="No"><span>No</span>
    </td>
    </tr>
    <tr valign="top" style="width: 200px; "><td style="width: 200px"><input type="radio" checked="" name="FIELD_1276" id="FIELD_1276" value="White"><span>White</span>
    </td>
    </tr>
    <tr valign="top" style="width: 200px; "><td style="width: 200px"><input type="radio" name="FIELD_1276" id="FIELD_1276" value="Black"><span>Black</span>
    </td>
    </tr>
    </tbody>

    <div class="fieldSpacer" id="DIV_119"><p class="fieldSpacer">JDELITM</p><p><input value="50-D-EXPKOE-V-F" style="width: 200px; " name="FIELD_119" id="FIELD_119"></p>
     <script language="javascript">
  FieldIDs["JDELITM"] = 119;
     </script>
    <div id="VALID_VAR_119" style="display:none" class="validationError"></div>
    </div>

1 个答案:

答案 0 :(得分:0)

.val 搞砸了..

它应该是 .val()而是......你还缺少一些结束大括号

此外,您正在阅读textvalue并保存在变量中...将值存储到变量中并不意味着值会自动更新。您需要明确设置它。

试试此代码

$(document).ready(function() {
     var ttline2 = $('#FIELD_' + FieldIDS['BadgeHolder']).val() 
         + $('#FIELD_' + FieldIDS['strap_clip']).val() 
         + $('#FIELD_' +  FieldIDS['Lanyard']).val();

     $('#FIELD_' + FieldIDS['TT_Line2']).val(ttline2);
 });​

更新代码 如果要添加数字,首先需要解析它们,因为值存储为字符串。

var FieldIDS = { 'BadgeHolder' : 'Badge'  , 'strap_clip' : 'Clip' , 'Lanyard' : 'Yard' , 'TT_Line2' : 'Line'};

$(document).ready(function() {
     var ttline2 = parseInt($('#FIELD_' + FieldIDS['BadgeHolder']).val())
         + parseInt($('#FIELD_' + FieldIDS['strap_clip']).val()) 
         + parseInt($('#FIELD_' +  FieldIDS['Lanyard']).val());

     $('#FIELD_' + FieldIDS['TT_Line2']).val(ttline2);
    });​

UPDATED DEMO