在function中执行input的onclick事件

2019独角兽企业重金招聘Python工程师标准>>>

 

<style type="text/css">
.aaa
{
border: 1px dashed #cccccc;
padding:10px;
}
</style>
<table><tr><td>
<form action="#" method="post" name="form_xxx">
<input name="checkIndex" type="checkbox" onclick="checkChange(this);" value="1"/>分类1
<div id="check_id_1" style="display:none" class="aaa">这个是分类1的详情</div><br />
<input name="checkIndex" type="checkbox" onclick="checkChange(this);" value="2"/>分类2
<div id="check_id_2" style="display:none" class="aaa">这个是分类2的详情</div><br />
<input name="checkIndex" type="checkbox" onclick="checkChange(this);" value="3"/>分类3
<div id="check_id_3" style="display:none" class="aaa">这个是分类3的详情</div><br />
<input name="checkIndex" type="checkbox" onclick="checkChange(this);" value="4"/>分类4
<div id="check_id_4" style="display:none" class="aaa">这个是分类4的详情</div><br />

<input onClick="checkAll('checkIndex');" type="button" value="Check all" 	/>
<input onClick="cancelAll('checkIndex');" type="button" value="Cancel all" 	/
</form>
</td></tr></table>
<script language="javascript" type="text/javascript">
function checkAll(name) {
	var el = document.getElementsByTagName('input');
	var len = el.length;
	for(var i=0; i<len; i++) {
		if((el[i].type=="checkbox") && (el[i].name==name) && (el[i].checked==false) ) {
			el[i].click();
			el[i].checked = true;
		}
	}
}
function cancelAll(name) {
	var el = document.getElementsByTagName('input');
	var len = el.length;
	for(var i=0; i<len; i++) {
		if((el[i].type=="checkbox") && (el[i].name==name) && (el[i].checked==true) ) {
			el[i].click();
			el[i].checked = false;
		}
	}
}
function checkChange(obj) {
	var idx=obj.value;
	if (obj.checked == true)
		document.getElementById("check_id_"+idx).style.display='block';
	else {
		document.getElementById("check_id_"+idx).style.display='none';
	}
}
</script>

 

 

关键js语句click()，在function 触发点击效果！

转载于:https://my.oschina.net/darcyzhu/blog/5918