设置checkbox选中，设置radio选中，根据值设置checkbox选中，checkbox勾选

最新推荐文章于 2024-03-16 18:50:29 发布

最新推荐文章于 2024-03-16 18:50:29 发布 · 1.5k 阅读

文章标签：

#设置checkbox选中 #设置radio选中 #根据值设置checkbox选中 #checkbox勾选 #蕃薯耀

蕃薯耀分享同时被 3 个专栏收录

205 篇文章

订阅专栏

61 篇文章

订阅专栏

jquery

53 篇文章

订阅专栏

本文介绍了一种使用JavaScript来批量设置多个Checkbox或Radio为选中状态的方法。该方法通过函数setChecked实现，能够根据传入的name属性和值来确定哪些选项被选中。适用于表单初始化或动态更改选择状态等场景。

设置checkbox选中，设置radio选中，根据值设置checkbox选中，checkbox勾选

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.

蕃薯耀 2016年12月9日 17:16:24 星期五

http://fanshuyao.iteye.com/

同时适用于设置radio选中

/**
 * 设置checkbox选中，同时适用于设置radio选中
 * @param name checkbox的name属性
 * @param checkValues checkbox的选择的值，通过英文逗号(,)连接
 */
function setChecked(name, checkValues){
	var checkboxes = document.getElementsByName(name);
	var checkboxesLength = checkboxes.length;
	
	var checkValuesArray = checkValues.split(",");
	var checkValuesArrayLength = checkValuesArray.length;
	
	if(checkboxesLength > 0 && checkValuesArrayLength > 0){
		for(var i=0; i<checkboxesLength; i++){
			for(var j=0; j<checkValuesArrayLength; j++){
				if(checkboxes[i].value == checkValuesArray[j]){
					checkboxes[i].checked = true;
					break;
				}
			}
		}
	}
};

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.

蕃薯耀 2016年12月9日 17:16:24 星期五

http://fanshuyao.iteye.com/