如何利用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属性全部方法总结的主要内容,如果未能解决你的问题,请参考以下文章

Jquery动态添加input和删除input

Jquery动态添加input和删除input

利用jQuery动态添加input输入框,并且获取他的值

如何从页面添加、删除或交换 jQuery 验证规则?

如何利用jQuery给匹配的元素添加多个类名

利用jquery给指定的table动态添加一行删除一行