设置下拉选择框和复选框、radio、span只读

1、readonly属性:关联的是页面元素的value属性(例如textbox,设置了readonly就不能修改输入框的文本内容),对select和checkbox不起作用。

2、disabled属性:这个属性的作用是设置页面元素为不可用,即不可进行任何交互操作(包括不可修改value属性、不可修改checked状态等)。但是问题也来了,就是它也不能向后台传递数据了。如需使用可以在表单提交之前,移除这个属性。

(1)先赋值,增加禁止修改的属性。

$("#testId").attr("disabled", "true");

(2)请求数据时,移除属性。

 $(“#testId”).removeAttr(“disabled”);

3、JQuery 控制 radio 禁用

禁用

$("input[name='tempProduct.isMustInvoice'][value='0']").attr("disabled",true);

移除只读

$("input[name='tempProduct.isMustInvoice'][value='0']").attr("disabled",false);

4、span只读,不可点击

只读

 $("#spanId").css("pointer-events", "none");

恢复点击

$("#spanId").css("pointer-events", "auto");

4、批量禁用

$('#addOrUpdateDiv').find('input').attr('disabled',true);

注意 radio 实质上也是input

5、
增加禁止及样式
取消禁止及样式

$("#testId").attr("disabled","disabled").addClass("layui-disabled");
$("#testId").removeAttr("disabled","disabled").removeClass("layui-disabled");

版权声明:本文为weixin_44195615原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。