将readonly属性添加到所有表单元素

Question

我正在使用jQuery为所有表单元素添加readonly属性,但似乎无法弄清楚如何执行此操作.

这是我正在尝试的:

$('#form1').each( function() { $(this).attr('readonly', true); });

我有一个简单的表单使用label/input来显示表单元素.我也使用tipsy(工具提示插件)以及Formalize(外观和感觉插件)

Answer 1

试试这个:

$('#form1 input').attr('readonly', 'readonly');

• 您可能想要包含更多元素 #form1 input, #form1 textarea, #form1 select
• 在jQuery中,您通常不需要遍历集合.attr适用于与单个元素相同的集合.
• 在您的情况下,#form1仅匹配<form>元素,并为该元素each触发一次.要查找所有元素(输入与否),您可以编写#form1 *.

Answer 2

这甚至更好地使用输入选择器.另请注意,"只读"仅适用于输入类型的文本和密码以及textarea.它不适用于选择元素,收音机,复选框,按钮.如果要显示但不允许他们键入或单击.尝试使用禁用.

$("#form1 :input").attr("disabled", true);

注意:通过使用禁用它会使输入灰色,选择或textarea但在提交时不会发布此元素.如果你需要它发布让我知道,我可以帮助你.

这是一个演示 http://jsfiddle.net/j5PAn/

Answer 3

要获取表单的所有元素：

$.each($('form').serializeArray(), function(index, value){
    $('[name="' + value.name + '"]').attr('readonly', 'readonly');
});