Javascript错误，根据其他复选框的结果更新复选框/按钮

Javascript error, updating checkboxes/buttons base don result of other checkboxes

本文关键字：复选框 结果 按钮 更新 其他 错误 Javascript      更新时间：2023-10-13

首先快速描述：

我有4个表（1和3包含一行复选框，2和4包含单选按钮）。

我想做的是让它，这样当我选择表1中的复选框时，它会通过将等效复选框设置为"禁用"来更新表2、3、4。

我认为最简单的选择是使用"VALUE"属性，因为这在每个表上都是相同的（例如，第一个表上VALUE为4的字段将等效于其他表上VALUE4的字段）。

我的表每个表都有一个唯一的ID，并且共享一个类名"TableClassName"。它们看起来都类似于：

<table id="TableID1" class="TableClassName">
<tr>
<th class="CellGrey">1</td>
<th class="CellGrey ">2</td>
<th class="CellGrey ">3</td>
<th class="CellGrey ">4</td>
</tr>
<tr>
<td class="CellRed "><INPUT TYPE="checkbox" NAME="ignore[]" VALUE="1" checked></td>
<td class="CellWhite "><INPUT TYPE="checkbox" NAME="ignore[]" VALUE="2"></td>
<td class="CellWhite "><INPUT TYPE="checkbox" NAME="ignore[]" VALUE="3"></td>
<td class="CellWhite "><INPUT TYPE="checkbox" NAME="ignore[]" VALUE="4"></td>
</tr>
</table>

到目前为止，我拥有的是：

script type="text/javascript">
$(document).ready(function()
{
$("#TableID1").on('click','input:checkbox',function()
        { 
            if ($(this).attr('checked')) 
                {
                var $val = $(this).attr('value');
                //alert($val);
                $(".DBSelectTable td").function()
                    {
                        if ($(this).child().attr('VALUE') == $val)
                            {
                                $(this).child().attr('disabled');
                            } 
                    }
            }       
        }
    )
}       
);
</script>

但是，我得到了错误：

"未捕获类型错误：对象[Object Object]没有方法‘function’"

我的理论很简单：

  1. 选择#TableID1表格

  2. 找出第一个表中的哪个框被点击，并获得VALUE属性

  3. 选择.TableClassName表

  4. 检查是否有相同的VALUE，并添加"禁用"属性

但是出了问题，我不知道该怎么办。如有任何帮助，我们将不胜感激。

请注意，如果attr。此外，您还可以比较find函数中的值。

$(document).ready(function()
{
$("#TableID1").on('change','input:checkbox',function()
        { 
            if ($(this).prop('checked')) 
                {
                    var val = $(this).val();                
                    $(".DBSelectTable td").find("[value='"+ val +"']").prop('disabled',true)
                }       
        }
    )
}       
);
相关文章：