Javascript实现asp.net mvc的checkbox基本功能

Html的checkbox使用很广的,它的状态,勾选与非选。

 

初始状态,默认为非选。你可以设置它是勾选,

直在checkbox 标签中,添加checked属性。

另外,在javascript可以这样,

getById('Checkbox_IsPublished').checked = true;

 

或者,

getById('Checkbox_IsPublished').setAttribute('checked', 'checked')


或者,

getById('Checkbox_IsPublished').setAttribute('checked', null);


或者,

getById('Checkbox_IsPublished').setAttribute('checked', '');

Insus.NET测试与发觉,以上代码,均是勾选,

 但你想它是非选,可以不用设置任何值,
或者给它设置任意值,并在值前添加感叹号(!)

或者,

getById('Checkbox_IsPublished').checked = false;


或者,

getById('Checkbox_IsPublished').removeAttribute('checked')

 

看到了否,获取element的id,Insus.NET有使用一个getById('xxx'),其实是Insus.NET为了少输入英文,重构了它,如下,

 

以上所有涉及,checkbox呈现给用户使用,
它的值用户选择与否,ms sql 表中,(Design)

(Edit top 200 Rows),


(Query Select语句),

 

下面,checkbox在编辑页面,页面加载时,需要把用户以前选择状态绑定。该勾选是勾选,如果没有未勾选的,让其显示未选中新状态。
简单一点,就是把数据库表中存储的值,直接赋予即可。

 想复杂一点,代码得写多一些,

 

生动看到效果,Insus.NET录制一小屏幕视频,



posted @   Insus.NET  阅读(30)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 2分钟学会 DeepSeek API,竟然比官方更好用!
· .NET 使用 DeepSeek R1 开发智能 AI 客户端
· 10亿数据,如何做迁移?
· 推荐几款开源且免费的 .NET MAUI 组件库
· c# 半导体/led行业 晶圆片WaferMap实现 map图实现入门篇
历史上的今天:
2013-01-07 GridView多层嵌套和折叠与展开
2011-01-07 SQL Server Check Constratints
2011-01-07 SQL Server Foreign Key Constratints
2011-01-07 SQL execution time
2011-01-07 SQL Server Unique Constratints
2011-01-07 SQL Server Primary Key Constraints
点击右上角即可分享
微信分享提示