如何同时使用data- *和value属性查找特定的按钮/元素

Question

我有两个动态生成的按钮：

<button type="button" data-btnTyp="btnOP" data-usrRole="3" data-reqID="24" class="btn btn-primary btn-xs" style="width: 75px" value="Start">Start</button>
<button type="button" data-btnTyp="btnOP" data-usrRole="3" data-reqID="24" class="btn btn-primary btn-xs" style="width: 75px" disabled="true" value="Complete">Complete</button>

这两个按钮具有相同的data-reqID，但值不同。 我基本上是在尝试使用data-reqID =“ 24”和value =“ Complete”查找（）按钮并启用按钮。 我对JQuery还是很陌生，我已经尝试过类似的方法：

$("button[data-reqID='" + reqID+ "'][value=Complete]").attr('disabled', 'false');

但是很明显，这在语法上是不正确的，因此似乎不起作用。

Answer 1

几件事。 如果要启用按钮，则需要将禁用设置为“ false”。 另外，您需要为disabled属性指定一个实际的布尔值。 不要提供字符串值"true"或"false" 。

换句话说，应该是“

.attr('disabled', false);

并不是：

.attr('disabled', 'false');

完整示例：

 var reqID = 24; $('button[data-reqID="' + reqID+ '"][value="Complete"]').attr('disabled', false); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button type="button" data-btnTyp="btnOP" data-usrRole="3" data-reqID="24" class="btn btn-primary btn-xs" style="width: 75px" value="Start">Start</button> <button type="button" data-btnTyp="btnOP" data-usrRole="3" data-reqID="24" class="btn btn-primary btn-xs" style="width: 75px" disabled="true" value="Complete">Complete</button> 

Answer 2

禁用是属性，而不是诸如值或大小等属性。

它在其他属性（如required或readonly）的类中，并且您在HTML / JS中为其分配的任何值都将被忽略。 重要的是标签中它们的存在与否。

要在Jquery中使用属性，必须使用.prop而不是.attr

即$("button[data-reqID='" + reqID+ "'][value=Complete]").prop('disabled', false); 删除禁用的属性

将第二个参数设置为true以添加属性。

在此处阅读更多信息： http : //api.jquery.com/prop/