Php 在表中找到该复选框,并在按enter键时选中该复选框

Php 在表中找到该复选框,并在按enter键时选中该复选框,php,jquery,mysql,Php,Jquery,Mysql,如何将焦点放在突出显示的行复选框上,并按enter键使复选框处于选中状态。 当我点击回车时,所有复选框都被选中,但我想选中突出显示行的复选框。 “突出显示的行复选框”是什么意思?请更详细地解释完整的预期行为。花点时间阅读有一个模式,其中有一个表,通过这段代码,我可以通过上下键在行之间导航。但是我想让复选框成为用enter键突出显示的行的复选框。你说的“突出显示的行复选框”是什么意思?请更详细地解释完整的预期行为。花点时间阅读有一个模式,其中有一个表,通过这段代码,我可以通过上下键在行之间导航

如何将焦点放在突出显示的行复选框上,并按enter键使复选框处于选中状态。 当我点击回车时,所有复选框都被选中,但我想选中突出显示行的复选框。



“突出显示的行复选框”是什么意思?请更详细地解释完整的预期行为。花点时间阅读有一个模式,其中有一个表,通过这段代码,我可以通过上下键在行之间导航。但是我想让复选框成为用enter键突出显示的行的复选框。你说的“突出显示的行复选框”是什么意思?请更详细地解释完整的预期行为。花点时间阅读有一个模式,其中有一个表,通过这段代码,我可以通过上下键在行之间导航。但是我想使复选框成为选中的行,该行用enter键高亮显示。
<tbody id="navTable">
<tr class="lastRow" id="start">
  <td>
  <div class="checkbox">
    <label><input type="checkbox" id="selectedProduct" name="selectBox" value="<?php echo ucfirst($row['pid']); ?>"></label>
  </div>
  </td>
  <td><?php echo ucfirst($row['Product_Name']); ?><input type="text" name="productName[]" value="<?php echo ucfirst($row['Product_Name']); ?>" hidden="true"></td>
  <td><input type="text" name="pPrice" value="<?php echo ucfirst($row['Product_Price']); ?>" hidden="true"><?php echo $row['Product_Price']; ?></td>
  <td><input type="text" name="pStack" value="<?php echo ucfirst($row['Product_Stack_No']); ?>" hidden="true"><?php echo $row['Product_Stack_No']; ?></td>
  <td><input type="text" value="<?php echo ucfirst($row['Product_Purchased']); ?>" hidden="true"><?php echo ($row['Product_Purchased'] - $row['Product_Sold']); ?></td>
  <td><input type="text" value="<?php echo ucfirst($row['Product_GST_Rate']); ?>" hidden="true"><?php echo $row['Product_GST_Rate']."%"; ?></td>
  <td><input type="text" value="<?php echo ucfirst($row['Product_Purchase_Date']); ?>" hidden="true"><?php echo $row['Product_Purchase_Date']; ?></td>
  <td><input type="text" value="<?php echo ucfirst($row['Product_Expiry_Date']); ?>" hidden="true"><?php echo $row['Product_Expiry_Date']; ?></td>
</tr>
window.displayBoxIndex = -1;
    var Navigate = function (diff) {
        displayBoxIndex += diff;
        var oBoxCollection = $("#navTable tr");
        if (displayBoxIndex >= oBoxCollection.length) {
            displayBoxIndex = 0;
        }
        if (displayBoxIndex < 0) {
            displayBoxIndex = oBoxCollection.length - 1;
        }
        var cssClass = "navBox";
        oBoxCollection.removeClass(cssClass).eq(displayBoxIndex).addClass(cssClass);
    }
    $(document).on('keypress keyup', function (e) {
        if (e.keyCode == 13) {
            //alert("hello");
            $('.navBox').trigger('click');
            $("input:checkbox").click();
            return false;
        }
        if (e.keyCode == 40) {
            //down arrow
            Navigate(1);
        }
        if (e.keyCode == 38) {
            //up arrow
            Navigate(-1);
        }
    });