欢迎使用WAFⅡ帮助系统
演示结果 选项
温馨提示:
1、属性label和value不支持动态修改
2、 如果events栏中复选框被选中,并且目标元素未被禁用,上方区域将顺序显示操作目标元素时的事件类型
假定页面运行状态
operateState
viewDisplayType
properties
id name
label value
checked disabled
hidden
style
tagClass
tabindex
events
operation
创建复选框 修改复选框 删除复选框 重置

查看源码

JS代码:

//创建复选框控件
function createChk() {
    var options = getOptions();
    if (options.id == null || options.id.length == 0) {
        waf.msgBox.showError("id为空,不能创建复选框");
        return false;
    }
    if (options.name == null || options.name.length == 0) {
        waf.msgBox.showError("name为空,不能创建复选框");
        return false;
    }
    if (options.id && waf("#" + options.id).length > 0) {
        waf.msgBox.showError("已存在id为" + options.id + "的复选框");
        return false;
    }
    var checkboxDom = waf.createDOM("checkbox", options);
    waf.appendDOM(waf("#result"), checkboxDom);
    waf.initComponent("checkbox", options, checkboxDom);
}
//修改复选框控件
function modifyChk() {
    var options = getOptions();
    waf.updateComponent("checkbox", options);
}
//删除复选框控件
function deleteChk() {
    var options = getOptions();
    waf.removeComponent("checkbox", options);
}
//重置各个选项
function resetValue() {
    document.myform.reset();
}