在单击文本框时,selectRow复选框函数不应该工作

On clicking the textbox the selectRow checkbox function should not work

本文关键字:复选框 函数 不应该 工作 selectRow 单击 文本      更新时间:2023-09-26

.我需要帮助。我有一个表格行,其中有一个复选框,文本框。和一些数字

单击该行,复选框被选中,再次单击该行,复选框被选中。但是有一个问题,复选框被选中后,当我点击文本框输入一个值,复选框也被选中。我不希望这种事发生。我需要删除行选择功能,仅为文本框单元格。请大家帮帮我……

js代码:

function selectRow(row)
{
 var chk = row.getElementsByTagName('input')[0];
if (!chk.disabled) {
chk.checked = !chk.checked;
    }
}

小提琴

在文本框中添加onclick="event.stopPropagation()":

<td width="30" valign="middle"><input name="Item2_quantity1" type="text"
class="tb5"placeholder="1" id="Item2_quantity1" size="1" maxlength="2" value="1"
onclick="event.stopPropagation()" /></td>

这是一个更新的小提琴

当你在小提琴中使用jQuery时。试试这个:

$("table#Item2_listing tr").click(function(e){
    if(e.target.type!=="text"){
        var chk = $(this).find('input[type=checkbox]')[0];
if (!chk.disabled) {
chk.checked = !chk.checked;
    }
    } 
});