Php 在表中找到该复选框,并在按enter键时选中该复选框
如何将焦点放在突出显示的行复选框上,并按enter键使复选框处于选中状态。 当我点击回车时,所有复选框都被选中,但我想选中突出显示行的复选框。Php 在表中找到该复选框,并在按enter键时选中该复选框,php,jquery,mysql,Php,Jquery,Mysql,如何将焦点放在突出显示的行复选框上,并按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);
}
});