根据javascript中的属性禁用按钮

时间:2014-06-25 15:27:14

标签: javascript jquery html

我有一个处理数据并将其放入csv的表单。用户可以向表单添加多行以添加新项目。要使此项成为唯一项,ID将增加1(例如,项目[0]转到项目1

表单效果很好但我正在尝试添加删除/删除按钮。它有效,但我不希望它删除最后一项。

以下是我正在使用的代码。我遇到了麻烦,因为这个if语句会破坏add crew按钮。

    $('#btnDelelte').click(function () {
        //remove the last form item
        $('.questions:last-child').remove();

        // if only element that remains as ID == 0, disable the "remove" button
        if ($('.questions:last-child').attr('id' == 0) 
            $('#btnDelelte').attr('disabled', 'disabled');

    });

如果您注释掉if语句,并运行jsfiddle所有按钮都可以,但您可以删除最后一个表单区域。

jsfiddle

3 个答案:

答案 0 :(得分:5)

在控制台中说:

  

未捕获的SyntaxError:意外的标识符

查看错误的位置,您可以看到属性方法未正确关闭。

if ($('.questions:last-child').attr('id' == 0)  

应该是

if ($('.questions:last-child').attr('id') == 0) 
                                        ^

答案 1 :(得分:0)

 $('#btnDelelte').click(function () {           
       if($('.questions').length > 1){
           $('.questions:last-child').remove();
       }               
       });

小提琴:http://jsfiddle.net/V2TAt/4/

答案 2 :(得分:0)

试试这个: -

替换

if ($('.questions:last-child').attr('id' == 0) 
            $('#btnDelelte').attr('disabled', 'disabled');

if ($('.questions:last-child select').attr('id') == "town[0]")
           $('#btnDelelte').attr('disabled', 'disabled');
相关问题