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录制一小屏幕视频，