jq设置checkbox默认选中状态 jQuery控制input不可编辑

Posted 2021-03-15 sunny3158

1.后台发送的数据 是spring框架中的对象model.addObject(“student”,stu);
前台页面由隐藏的接收对象

页面代码：

<input id="wfsi" class="hidden" th:value="${student.age}"/>

<div>
<input id="ckbx" type="checkbox"/>
</div>
1
2
3
4
5

jq代码设置checkbox的几种方式:

1.attr
//设置复选框为勾选状态
$("#ckbx").attr("checked","checked");

//设置复选框未选中状态
$("#ckbx").removeAttr("checked");

2.prop
//设置复选框为勾选状态
$("#ckbx").prop("checked",true);
1
2
3
4
5
6
7
8
9
10
11

以上是在jq.1.12.4.js和bootstrap环境下运行,具体行为是前端html页面发送请求到controller，springBoot自动获取对应的数据进行处理，将返回的结果对象(Model以及addObject方法)传回给html，然后jq获取负责接收数据的input标签的值。

• 点赞 2
• 收藏
• 分享
• • 文章举报

食火的埃尔德里奇

发布了46 篇原创文章 · 获赞 8 · 访问量 7万+

私信 关注

原文链接 https://blog.csdn.net/qq_26917447/article/details/78801392

1.开启disabled，是input不可以编辑

　　$("#id").attr("disabled","disabled");

2.关闭disabled

　　$("#id").removeAttr("disabled");

普通js中是这样写的，document.getElementById("id").disabled = false;

错误写法：$("#id").attr("disabled","false");