使用 class 将所有输入设置为只读
Make all inputs with class readOnly
所以我正在构建一个拖放表单生成器,我想将所有输入的特定字段设置为只读。
这可以是
- Select 下拉菜单
- 文本输入
- 号码输入
- 日期输入
日期输入
所有这些输入都将动态生成。
我看过了
&
但 none 仅通过 class 名称使名称输入只读。
我目前是这样做的:
$("#editClick").on('click', function(){
$('.myNameClass').attr('readonly', false);
});
但是每次页面上出现新字段时都需要一种方法来触发它(即检查 class 的长度是否增加)
类似于:
if ($(".myNameClass")[0]).increases -> fire event-> and every time it does
你可以用这个
jQuery <1.9
<script>
$(function () {
$('input[type="text"], textarea').attr('readonly','readonly');
});
</script>
或将其用于只读模式
jQuery1.9+
$(function () {
$('input[type="text"], textarea').prop("readonly",true);
});
并移除只读模式
jQuery <1.9
$(function () {
$('input[type="text"], textarea').removeAttr('readonly');
});
</script>
或将其用于移除
jQuery1.9+
$(function () {
$('input[type="text"], textarea').prop("readonly",false);
});
所以我正在构建一个拖放表单生成器,我想将所有输入的特定字段设置为只读。 这可以是
- Select 下拉菜单
- 文本输入
- 号码输入
- 日期输入
日期输入
所有这些输入都将动态生成。
我看过了
但 none 仅通过 class 名称使名称输入只读。
我目前是这样做的:
$("#editClick").on('click', function(){
$('.myNameClass').attr('readonly', false);
});
但是每次页面上出现新字段时都需要一种方法来触发它(即检查 class 的长度是否增加)
类似于:
if ($(".myNameClass")[0]).increases -> fire event-> and every time it does
你可以用这个
jQuery <1.9
<script>
$(function () {
$('input[type="text"], textarea').attr('readonly','readonly');
});
</script>
或将其用于只读模式
jQuery1.9+
$(function () {
$('input[type="text"], textarea').prop("readonly",true);
});
并移除只读模式
jQuery <1.9
$(function () {
$('input[type="text"], textarea').removeAttr('readonly');
});
</script>
或将其用于移除
jQuery1.9+
$(function () {
$('input[type="text"], textarea').prop("readonly",false);
});