jquery - 检测复选框的默认 HTML 选中属性时出现问题

Question

我对 jQuery 有点陌生。我在使用以下代码时遇到问题，特别是重置按钮:

<script>
$(function() 
{
    $(document).ready(function()
    {
        $("input[type=checkbox][checked]").each(
        function()
        {
            var cell = $(this).closest('td');
            if($(this).attr('checked'))
            {
                cell.toggleClass('check');
            }
        });
    });
    $('#bay :checkbox').click(function() 
    {
        var cell = $(this).closest('td');
        cell.toggleClass('check');
    }).change();
    $('#reset').click(function()
    {   
    $('#bay input[type=checkbox]').each(function()
    {
        var cell = $(this).closest('td');
        if ($(this).is('checked'))
        {
        //alert("yes");
            cell.addClass('check');

        }
        else
        {
            cell.removeClass('check');
        //alert("no");

        }
        });
    });
});
</script>

<input type="checkbox" checked>Blah

由于某种原因，当单击重置按钮时，脚本仅执行 cell.addClass if 语句。基本上，重置按钮充当恢复，并且如果 HTML 代码中没有默认属性，则应从每个 中删除添加的类 #check。

我尝试了一种低效的方法来检查具有选中属性的输入复选框和一个没有选中属性的输入复选框，该方法在 FF 和 Chrome 中运行良好，但在 IE 中失败。只有按两次重置按钮才会起作用。

$('#reset').click(function()
{   

    $("input[type=checkbox][checked]").each(
    function()
    {
        var cell = $(this).closest('td');
        cell.addClass('check');
    });
    $("input[type=checkbox]:not([checked])").each(
    function()
    {
        var cell = $(this).closest('td');
        cell.removeClass('check');
    });
});

任何帮助将不胜感激!

编辑:根据请求，以下是带有工作(但无效)jQuery 代码的 HTML 代码示例 http://jsfiddle.net/uxjCT/9/ .

Edit2:* 我稍微简化了代码的“重置”部分，但它仍然无法在 IE 中工作。有人知道这是否是一个无法解决的 IE 问题吗？本质上，我试图让重置函数重置为默认的 HTML“选中”属性，对于在 HTML 中具有该属性的输入复选框以及样式表。 IE 是目前唯一令人痛苦的罪魁祸首。

$('#reset').click(function(){   

$('#bay input[type=checkbox]').each(function()
{
    var attr = $(this).is("[checked]");
    var cell = $(this).closest('td');

    if (typeof attr !== 'undefined' && attr !== false)
    {
        alert("checked");
        cell.addClass('check');
    }
    else
    {
        alert("unchecked");
        cell.removeClass('check');
    }
    });
});

出于某种原因， var attr = $(this).is("[checked]"); 不会在 HTML 中选取“checked”属性，但会在以下情况下选取:该复选框已被选中，这可能与默认的 HTML 属性不同。

再次强调，如有任何帮助，我们将不胜感激!

演示代码:http://jsfiddle.net/uxjCT/55/

Answer 1

检查复选框是否被选中的代码是

$(this).is(':checked')

不是

$(this).is('checked')

您的代码可以适应此更改。