jQuery-否则单击事件

Question

我对jQuery很陌生，现在就玩。 我正在尝试创建一个单击事件，只要单击该事件，它的<select></select>属性必须为'disabled'，才能为true / false。

因此，它从disabled [true]开始，当单击链接时将变为disabled [false]-很酷。 但是现在，我将无法通过相同的链接将其设置回Disabled [true]。

我的代码如下：

$('.enableSelects').click(function(){
    if($('select').is(':hidden')){
        $('select').attr('disabled', true);
    } else {
        $('select').attr('disabled', false);
    }
});

Answer 1

关于简短版本：

$('.enableSelects').click(function(){
    $('select').prop('disabled', !$('select').prop('disabled'));
});​

从...开始：

$('select').prop('disabled', !$('select').prop('disabled'));
//          |                ||__________________________|
//          |                |  |
//          |                |  |_1) this will be evaluated first, resulting
//          |                |       in either 'true' or 'false'
//          |                |
//          |                |____2) the boolean value from above will then
//          |                        be inverted, and this new value will be
//          |                        used as the new value for disabled,
//          |                        which is then assigned
//          |
//          |_____________________3) using the 'prop' method

更好的版本：

$('.enableSelects').click(function(){

    //                            |-- 1) this function gets called by jQuery
    //                            |      automatically. The index and the current
    //                            |      value will be passed to it.
    //                            |      The return value will be assigned to the
    //                            |      property.
    //                            |
    $('select').prop('disabled', function (idx, current) {

       // we're returning the inverted current value
       return !current;

    });
});​

基本上与上面相同，但是我们减少了必须评估的选择器的数量。

http://jsfiddle.net/k3sb8/1/

Answer 2

使用:disabled而不是:hidden ，并且首选.prop()不是.attr() 。

另外，当文档中只有一个<select>时，当前方法可以正常工作。 当您具有多个<select>元素时，请更改选择器。

Answer 3

您可能想阅读.prop（）和.attr（）

尝试使用prop()而不是attr()

尝试从评论中使用@Yoshi的小提琴： http : //jsfiddle.net/k3sb8/