如何利用jquery来给input添加或删除disabled属性全部方法总结
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何利用jquery来给input添加或删除disabled属性全部方法总结相关的知识,希望对你有一定的参考价值。
一、以下二种方法是可以为input添加disabled属性的方法
1、$('#areaSelect').attr("disabled",true)
2、$('#areaSelect').attr("disabled","disabled")
二、以下三种方法是移除(去除)掉input的disabled属性的方法
1、$('#areaSelect').attr("disabled",false)
2、$('#areaSelect').removeAttr("disabled")
3、$('#areaSelect').attr("disabled","")
三、移除或者删除所有input和select控件的disabled属性
1、移除所有select控件的disabled属性
$("select").each(function () $(this).attr("disabled","");)
2、移除所有input控件的disabled属性:
$("input").attr("disabled","");
扩展资料
1、jQuery是一个快速、简洁的javascript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化html文档操作、事件处理、动画设计和Ajax交互。
2、disabled属性是控制这个控件是否可编辑、可用。disabled:true 就是不可用,disabled:false 就是可用。
参考技术A 以下二种方法是可以为input添加disabled属性的方法://两种方法设置disabled属性
$('#areaSelect').attr("disabled",true);
$('#areaSelect').attr("disabled","disabled");
以下三种方法是移除(去除)掉input的disabled属性的方法:
//三种方法移除disabled属性
$('#areaSelect').attr("disabled",false);
$('#areaSelect').removeAttr("disabled");
$('#areaSelect').attr("disabled","");本回答被提问者和网友采纳
Jquery动态添加input和删除input
<body>
<form class="layui-form" >
<div class="layui-form-item">
<label for="name" class="layui-form-label" style="width:100px">游戏名称:</label>
<div class="layui-input-block">
<input type="text" name="name" class="layui-input" autocomplete="off">
</div>
</div>
<div class="layui-form-item" id="last">
<label for="address" class="layui-form-label" style="width:100px">游戏链接:</label>
<div class="layui-input-block">
<input type="text" name="address" required lay-verify="required" lay-reqtext="小子,想偷懒?" autocomplete="off" class="layui-input">
</div>
</div>
<button type="button" id="add"class="layui-btn layui-btn-warm layui-btn-sm" style="float:right" ><i class="layui-icon layui-icon-add-1" ></i><span>继续添加</span></button><br/>
<button type="button" lay-submit lay-filter="*" class="layui-btn " style="margin-left:10px" >提交</button>
<a href="javascript:;" class="layui-btn clearlink">删除旧记录</a>
</form>
</body>
<script>
//动态添加input输入框
var form = layui.form;
var max = 6;
var x = 1;
$("#add").click(function()
if(x<max)
var str = ' <div class="layui-form-item">'+
'<label for="name" class="layui-form-label" style="width:100px">游戏名称:</label>'+
'<div class="layui-input-block">'+
'<input type="text" name="name" class="layui-input" autocomplete="off">'+
'</div>'+
'</div>'+
'<div class="layui-form-item">'+
'<label for="address" class="layui-form-label" style="width:100px">游戏链接:</label>'+
'<div class="layui-input-block">'+
'<input type="text" name="address" required lay-verify="required" lay-reqtext="小子,想偷懒?" autocomplete="off" class="layui-input">'+
'</div>'+
'</div><button type="button"class="removeclass layui-btn layui-btn-danger layui-btn-sm"style="float:right">移除</button>';
$("#last").append(str);
x++;
)
//删除动态添加的input输入框
$("body").on('click',".removeclass",function()
if(x>1)
$(this).prev('div.layui-form-item').prev('div.layui-form-item').remove();
$(this).prev('div.layui-form-item').remove();
$(this).remove();
x--;
)
//清除数据
$('.clearlink').click(function()
$.get("url('clearlink')",function()
layer.msg('成功清除所有链接');
)
)
//提交表单
form.on('submit(*)', function(data)
var names = [];
var links = [];
$('.layui-form').find('input[type="text"]').each(function(index,e)
if($(this).attr('name')=="name")
names.push($(this).val());
else
links.push($(this).val());
);
var url = "url('addlink')";
var data = 'names':names,'links':links;
$.post(url,data,function(res)
if(res.status ==200)
$('.layui-form')[0].reset();
layer.msg(res.msg);
else
layer.msg('未知错误,未添加成功');
)
return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。
);
</script>
以上是关于如何利用jquery来给input添加或删除disabled属性全部方法总结的主要内容,如果未能解决你的问题,请参考以下文章