复选框(checkbox)允许用户在一定数目的选择中选取一个或多个选项。其中id、name为必要属性。
仅EAS7.5版本
<wafctrl:checkbox id="purchase" name="org" label="采购组织" value="1"></wafctrl:checkbox>
<wafctrl:checkbox id="sale" name="org" label="销售组织" value="0"></wafctrl:checkbox>
<wafctrl:checkbox id="fiance" name="org" label="财务组织" value="0"></wafctrl:checkbox>
EAS8.0+
var parent = waf("body");
var options = {
checked:"false",
disabled:false,
hidden:false,
id:"purchase",
name:"org",
label:"采购组织",
labelAlign:"right",
labelPosition:"left",
readonly:false,
req:false,
tabindex:0
};
var dom = waf.createDOM("checkbox", options);
waf.appendDOM(parent, dom);
waf.initComponent("checkbox", options, dom);
EAS8.0+
<input type="checkbox" id="purchase" name="org"/>
var options = {
checked:"false",
disabled:false,
hidden:false,
label:"采购组织",
labelAlign:"right",
labelPosition:"left",
readonly:false,
req:false,
tabindex:0
};
<!--DOM创建好之后,使用js初始化控件-->
waf("#purchase").wafCheckbox(options);
EAS7.5+
//调用方法
waf("#purchase").wafCheckbox("method", parameter...);
//eg:方法调用
waf("#purchase").wafCheckbox("getValue");
waf("#purchase").wafCheckbox("option","checked",true);
waf("#purchase").wafCheckbox("disable");
//eg:更改事件
waf("#purchase").wafCheckbox("option","onchange",fn);
定义复选框元素本身的id
定义复选框的名称
规定按下tab键时复选框控件获得焦点的顺序,默认值为0
定义复选框的文字描述
定义复选框的禁用状态,默认值为false。
定义复选框的隐藏状态,默认值为false。
定义选中状态的元素值,默认值为false,可接收EL表达式。当取布尔值时,如果checked为true时,该复选框为选中状态,否则为非选中状态;当取字符串时,如果该复选框的value值存在于checked值中,则该复选框选中,多选情况下,checked中的值用%22,%22分割。
定义复选框发送到服务器的值
定义复选框的样式类
定义复选框的样式
获得或设置复选框某属性的值,当value参数存在时,设置控件的property属性值,且无返回值,否则返回控件的property属性值 [参考样例]
对控件多个属性进行一次性设置 [参考样例]
返回是否被选中 [参考样例]
设置复选框的选中状态 [参考样例]
禁用复选框 [参考样例]
启用复选框 [参考样例]
复选框被点击时触发onclick事件。 [参考样例]
复选框的选中状态发生改变时触发onchange事件,比如动态设置复选框的checked属性,使其发生变化。 [参考样例]