如何使用jQuery禁用一系列按钮

时间:2014-06-18 13:31:36

标签: jquery

当前一个月小于当月时,如何禁用上一步按钮?例如,如果当前月份是6月,那么我想禁用上个月按钮,以便他们无法编辑5月和其余部分

 for(x=1;x<=12;x++){                         
    contents += '<td> <input type="button" name="x" id="'+x+'" class="reupload btn btn-primary '+ disabled_class + '" value="Add" ></td>';

     }

3 个答案:

答案 0 :(得分:0)

您可以使用.attr()函数添加“禁用”属性。 http://api.jquery.com/attr/

答案 1 :(得分:0)

如果没有代码可以查看,我无法确定这会有所帮助。

但这是有用的:

$(e).prev().attr("disabled", "disabled"); //get previous sibling and disable it

要获得前一个兄弟姐妹,如果你有4个相邻的按钮就可以了。

代码看起来像这样:

 $(document).on('click', 'button', function(e) {
    var id = e.id;
    $(e).prev().attr("disabled", "disabled");
});

然而,你需要一些逻辑为第一个和最后一个..

答案 2 :(得分:0)

在你的按钮上添加一个html属性,包含月份的值(例如:january = 1等) 然后,在您的回调函数中,获取单击按钮的该属性的值,并编写反向计数循环以禁用具有属性选择器的所有先前的属性(或将该数字放在按钮的id中的某处,以便您可以选择通过id代替)。

应该可以正常工作。