繁体   English   中英

JQuery - 设置属性值

[英]JQuery - Set Attribute value

我有两个具有相同名称的元素的HTML

<input type="hidden" name= "chk0" value="">
<input type="checkbox" name="chk0" value="true" disabled>

通过JQuery,我想设置启用复选框。 所以,我使用的是这样的东西:

$('#chk0').attr("disabled",false);

但这不起作用。 我假设JQuery与两个具有相同名称的元素混淆。 不幸的是,我无法避免使用两个不同的名称,因为当表单发布时,我希望所有复选框都被发布(不仅仅是被检查的复选框)。 因此我必须使用具有相同名称的隐藏元素。所以,回到问题,如何在上面的场景中通过JQuery启用复选框? 是否存在attr的“type”参数,其中distingues隐藏了复选框?

谢谢

实际代码之前的一些事情..

您用作选择器的哈希(#)用于ID,而不用于元素的名称。 禁用属性也不是真正的错误情况..如果它已禁用属性,则表示它是真的..您需要删除该属性而不将其设置为false。 还有表单选择器,用于标识表单中特定类型的项目。

所以代码就是

$("input:checkbox[name='chk0']").removeAttr('disabled');

使答案保持最新状态

你应该使用.prop()方法( 自v1.6起添加

$("input:checkbox[name='chk0']").prop('disabled', false); // to enable the checkbox

$("input:checkbox[name='chk0']").prop('disabled', true); // to disable the checkbox

说真的,不要为此使用jQuery。 disabled是表单元素的布尔属性,自1997年以来在每个主要浏览器中都能很好地工作,并且无论是否禁用表单元素,都无法更简单或更直观地进行更改。

获取对复选框的引用的最简单方法是给它一个id 这是我建议的HTML:

<input type="hidden" name="chk0" value="">
<input type="checkbox" name="chk0" id="chk0_checkbox" value="true" disabled>

以及启用复选框的JavaScript行:

document.getElementById("chk0_checkbox").disabled = false;

如果您愿意,可以使用jQuery来获取复选框:

$("#chk0_checkbox")[0].disabled = false;

“True”和“False”不起作用,禁用,设置为禁用值。

$('.someElement').attr('disabled', 'disabled');

要启用,删除。

$('.someElement').removeAttr('disabled');

此外,不要担心选择多个项目,jQuery将对匹配的所有项目进行操作。 如果你只需要一个,你可以使用很多东西:第一,:last,nth等。

您正在使用名称而不是其他提及的ID - 请记住,如果您使用id有效xhtml要求ID是唯一的。

$(“#chk0”)引用id为chk0的元素。 您可以尝试将id添加到元素中。 即使名称相同,ID也是唯一的,因此在jQuery中,您可以通过它的id访问单个元素。

使用ID唯一标识复选框。 您当前的示例是尝试选择ID为“#chk0”的复选框:

<input type="checkbox" id="chk0" name="chk0" value="true" disabled>

$('#chk0').attr("disabled", "disabled");

您还需要删除已disabled的属性以启用该复选框。 就像是:

$('#chk0').removeAttr("disabled");

请参阅removeAttr的文档

禁用/启用输入元素的值XHTML如下:

<input type="checkbox" id="chk0" name="chk0" value="true" disabled="disabled" />
<input type="checkbox" id="chk0" name="chk0" value="true" />

请注意, 缺少启用输入元素的disabled属性。

您可以添加要选择的不同类,或者按类型选择:

$('input[type="checkbox"]').removeAttr("disabled");

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM