从值填充输入的单选按钮

Question

$(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>

Answer 1

.val 搞砸了..

应该是 .val() 而不是...另外你还缺少一些结束 braces )

此外，您正在读取 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