JS控制根据所传数据选中多选、单选按钮

来源:互联网 发布:高更与梵高 知乎 编辑:程序博客网 时间:2024/04/28 04:36
 /**  * 选中多选框 * @param val split符号分隔的多值字符串,一般为后台取出传递给前台 * @param chkName checkbox组的name * @param split 分隔符 * 调用方式: 在页面加载完成后调用该方法,给定参数,自动根据val勾选chkName复选框 */function transVal2Checkbox(val,chkName,split){ val=val.split(split); var eles=document.getElementsByTagName('input'); for (var i=0; i<eles.length; ++i) { if (eles[i].type=='checkbox'&&eles[i].name==chkName){ eles[i].checked=false; for (var x in val ) { if (val[x]!=''&&eles[i].value==val[x]) { eles[i].checked=true; } } }   }}

调用示例:

//XX类型的选中
var tempSort='<s:property value="editBean.datasort"/>';
transVal2Checkbox(tempSort,'editBean.datasort',', ');



 /**  * 选中单选按钮 * @param val 值,一般为后台取出传递给前台 * @param chkName radio组的name * 调用方式: 在页面加载完成后调用该方法,给定参数,自动根据val勾选chkName单选框 */function transVal2Radio(val,chkName){ var eles=document.getElementsByTagName('input'); for (var i=0; i<eles.length; ++i) { if (eles[i].type=='radio'&&eles[i].name==chkName) { eles[i].checked=false; if (val!=''&&eles[i].value==val) { eles[i].checked=true; }} } }

调用示例:

//性别选中
var tempType='<s:property value="editBean.
sex"/>';
transVal2Radio(tempType,'editBean.
sex');