Question

 $("input[type=checkbox]").click(function(){
    alert("clicked");
    if($('#result').html().length) {
           $('button[type="submit"]').attr('disabled','disabled');
        } else { $('button[type="submit"]').removeAttr('disabled'); }
  });

上面的代码我的if语句没有运行。如果我在控制台中运行if语句，它运行正常，但只要我将其嵌入click函数中。警报显示但我的提交框不显示。

任何人都知道我的代码有什么问题。

Answer 1

确保将代码包裹在jQuery ready
如果$(selector)与任何DOM节点都不匹配，则会在调用.html时返回undefined。因此，请删除.length。（undefined.length - ＆gt;抛出错误）
同时将.html更改为.text。如果要删除空格，可以添加$.trim()。
如果您使用的是jQuery 1.6或更高版本，请使用prop代替attr。

jQuery(function($) {
    $("input[type=checkbox]").click(function(){
        alert("clicked");
        if( $.trim($('#result').text()) ) {
            $('button[type="submit"]').prop('disabled', true);
        }
        else { 
            $('button[type="submit"]').prop('disabled', false);
        }
    });
});

您可以将代码最小化为：

jQuery(function($) {
    $("input[type=checkbox]").click(function() {
        // Make sure myTest is an boolean:
        var myTest = Boolean( $.trim($('#result').text()) );
        // Send myTest as 2th argument:
        $('button[type="submit"]').prop('disabled', myTest);
    });
});

Answer 2

使用此

if($('#result').text()=='') $('button').prop('disable',true);
else $('button').prop('disable',false);

JQuery if语句没有运行

2 个答案: