jquery 全选/反选 与 form 不写action提交

<body>
<form method="post" id="ti">
	<input type="text" name="aa" value="admin" />
	<input type="text" name="bb" value="admin" />
	<input type="text" name="cc" value="admin" />
	<input type="button" id = "ac" value = "无action提交">
	<div >
		<input type="checkbox" id="all"  /> all
		<input type="checkbox" name="aa" value="1" />11
		<input type="checkbox" name="aa" value="2"  />22
		<input type="checkbox" name="aa" value="3"  />33
		<input type="checkbox" name="aa" value="4"  />44
		<input type="button" id="f" value="btn" />44
	</div>
</form>
</body>
<script type="text/javascript">
$(function(){
	// 获取选中值
	$('#f').click(function(){$('input[type="checkbox"]:checked').each(function(){alert(this.value)})});
	$('#all').click(function(){ // 全选、反选
		var isall = $('#all').is(':checked');
		$('input[name="aa"]:checkbox').each(function(){this.checked = isall});
	});
	
        // 表单没写action提交方式
	$('#ac').on('click',function(){
		alert(1);
		$('#ti').action = '${pageContext.request.contextPath}/testPar.action';
		$('#ti').submit();
	})
});
</script>

猜你喜欢

转载自blog.csdn.net/qq_42055779/article/details/80861062
今日推荐