代码如下:
<html>
<head>
<title>直接保存成HTML可以运行</title>
<script>
function
setvalue(myitem){
if(myitemchecked){
myitemvalue=1;
alert('选中了');//这里可以改为要执行的代码或函数
}
else{
myitemvalue=2;
alert('取消了选中');//这里可以改为要执行的代码或函数
}
}
function
showvalue(){
var
myvalue=documentgetElementById('test9')value;
alert(myvalue);
}
</script>
</head>
<body>
<input
type="checkbox"
id="test9"
onclick="setvalue(this)"
value="1"
/>
<span>作者:卡比布布</span>
<br
/>
<br
/>
<input
type="button"
value="显示复选框value当前的值"
onclick="showvalue()"
/>
</body>
</html>jsp 页面根据判断checkbox是否被选中方法如下:
在html 如果一个复选框被选中 是 checked="checked",利用jquery来判断:
if($("#id")attr("checked")==true){
//动态创建input
var input = documentcreateElement("input");
inputclassName = "input";
inputtype = "text";
spanappendChild(input);
}用,以前经常有朋友提到复选框的选中问题,这段代码可以帮你解决这个问题,而且它还可以判断你选择了多少个复选框,多选则d出提示<HTML<head<title判断复选框是否选中及选中个数</title<SCRIPT LANGUAGE="JavaScript"function countChoices(obj) {max = 2;box1 = objformbox1checked;box2 = objformbox2checked;box3 = objformbox3checked;count = (box1 1 : 0) + (box2 1 : 0) + (box3 1 : 0);if (count max) {alert("对不起,你只能选择" + max + "个!");objchecked = false;}}//--</script<body<form name="form"你喜欢的语言是(最多两个): <p<input type=checkbox name=box1 onClick="countChoices(this)"ASPNET<p设置一个全局变量i,默认值为3(总共有几个checkbox),然后遍历你的checkbox,然后判断是否选中,如选中,直接跳出循环。
int i=3;
$("input[type=checkbox]")each(function(){
if($(this)attr("checked")==true){
//如果是验证的话,这里其实已经通过验证了
}else{
i=i-1;
}
//最后判断i,如果等于0,则未通过验证
});
自己敲的js,原理就是这样的需要引入jquery插件。试下吧,这个是跳到本页,可以在form1action='';这里改
<script>
function gan()
{
var beixuan = documentgetElementsByName("cbx[]")length;
var k=0;
for(var p = 0 ; p <beixuan ; p++){if(documentgetElementsByName("cbx[]")[p]checked ==true){k=k+1;}}
if(k==0){alert ("选一个干它");}
else {form1action='';form1submit();}
}
</script>
<form name="form1" method="post" action="">
<input name="cbx[]" type="checkbox" value="1" />
<input name="cbx[]" type="checkbox" value="2" />
<input name="cbx[]" type="checkbox" value="3" />
<input type="button" name="gana" onclick="gan()" value="干"/>
</form>
< print_r($_POST[cbx]);>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)