Question

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

单击该行时，复选框将被选中并再次单击该复选框，取消选中该复选框。但是有一个问题，在选中复选框后，当我点击文本框输入一个值时，复选框也会被取消选中。我不希望这种情况发生。我只需要为文本框单元格删除行选择功能。。请大家帮忙。。

js code：

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

fiddle

Answer 1

因为你在小提琴中使用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;
    }
    } 
});

<强> DEMO

Answer 2

只需在文本框中添加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>

这是更新后的fiddle

单击文本框时，selectRow复选框功能不起作用

2 个答案: