访问一行中的单个列，默认情况下使用页面加载时的单选按钮选择

Question

使用下面的代码，我试图从表中的一行访问特定列“数量”。发生的情况是页面加载时默认选择其中一行，而用户选择时可以选择其余行。我创建了一个点击事件处理程序来处理手动选择。

使用类名访问列时，它不返回任何内容。我需要将此值分配给相同形式的输入框。我会附上该行的图像

表标记：

        <tr valign="top" class="row6">

            <td>

            {if $tpl_order_details[lineitems].quantity > 1}

                {if $radio_flag == "false"}

                    <input type="radio" name="line_item" class="radio_class" id="line_item" value="{$tpl_order_details[lineitems].mSku}" checked onclick="handleClick(this);"/>

                    {assign var=radio_flag value='true'}

                {else}

                    <input type="radio" name="line_item" class="radio_class" id="line_item" value="{$tpl_order_details[lineitems].mSku}" onclick="handleClick(this);" />

                {/if}   

            {/if}

            </td>   

            <td>

            <a href="http://{$smarty.server.SERVER_NAME}/search/?q={$tpl_order_details[lineitems].sku}" target="_new">{$tpl_order_details[lineitems].sku}</a>

            </td>

            <td>&nbsp;

            </td>

            <td>{$tpl_order_details[lineitems].item_description}</td>

            <td class="quantity_class" >{$tpl_order_details[lineitems].quantity}</td>

            <td>{$tpl_order_details[lineitems].item_status}</td>

使用循环外的输入字段标记：

<table>

<tr>

<td><label for="new_quantity">Enter New Quantity</label></td>

<td><input type="number" id="split_quantity" name="split_quantity" 

 min="1" max="6"></td>

<td><button type="submit" value="Save" 

name="submit_action">Submit</button></td>

<td><button type="submit" value="Cancel" 

name="submit_action">Cancel</button></td>

</tr>

</table>

脚本：

// This is to handle the radio button selected by default on page load.

$( document ).ready(function() {

    var firstRadioValue = 0;

    firstRadioValue = $("input[name='line_item']:checked").val();

    $('input[name="split_quantity"]').attr('max', firstRadioValue);

    var quantity = $(".radio_class").parent().find(".quantity_class").val();

    alert(quantity);

});

Answer 1

您在树上走得还不够远，无法找到课程。你有：var quantity = $(".radio_class").parent().find(".quantity_class").val();这让你到父<td>你正在寻找的元素是这个的兄弟：<td class="quantity_class" >...你想要做的是向上移动一个元素（表格行），然后从那里找到你正在寻找的类，所以使用closest(). 请注意，.quantity_class它没有值，因此您必须在表格单元格中获取文本：var quantity = $(".radio_class").closest('tr').find(".quantity_class").text();此外，我没有看到任何带有max属性的标记或任何带有名称的标记split_quantity。编辑- 根据与用户的对话，发现需要进行一些更改。split_quantity首先，需要识别持有的表格，以便它可以在更宏大的标记中定位：<table id="split_quantity_id">&nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; <td><label for="new_quantity">Enter New Quantity</label></td>&nbsp; &nbsp; &nbsp; &nbsp; <td><input type="number" id="split_quantity" name="split_quantity" min="1" max="6"></td>&nbsp; &nbsp; &nbsp; &nbsp; <td><button type="submit" value="Save" name="submit_action">Submit</button></td>&nbsp; &nbsp; &nbsp; &nbsp; <td><button type="submit" value="Cancel" name="submit_action">Cancel</button></td>&nbsp; &nbsp; </tr></table>然后我们摆脱了onclick="handleClick(this)内联 JavaScript，转而让 jQuery 处理点击事件。最后我们重构了函数：$(function() {&nbsp; &nbsp; var firstRadioValue = 0;&nbsp; &nbsp; firstRadioValue = $("input[name='line_item']:checked").closest('tr').find('.quantity_class').text();&nbsp; &nbsp; $('input[name="split_quantity"]').attr('max', firstRadioValue);&nbsp; &nbsp; var quantity = $(".radio_class").closest('tr').find(".quantity_class").text();&nbsp; &nbsp; console.log(quantity);&nbsp; &nbsp; $('table').delegate('.line_item', 'click', function(){&nbsp; &nbsp; &nbsp; &nbsp; currentRadioValue = $(this).closest('tr').find('.quantity_class').text();&nbsp; &nbsp; &nbsp; &nbsp; console.log(currentRadioValue);&nbsp; &nbsp; &nbsp; &nbsp; $('#split_quantity_id').find('[name="split_quantity"]').attr('max', currentRadioValue);&nbsp; &nbsp; });});注意：还发现 OP 使用的是 Smarty 2，它是使用旧版本 jQuery 的旧版本 Smarty，因此.delegate()使用 代替on().