求助：对复选框checkbox选中得值做验证

orangesnow1987 2010-04-08 02:22:08

我需要实现这样的得功能，前台勾选复选框，选择该值得同时利用ajax把值传到后台，如果符合发回前台点确定勾选上该项，否则不选该项！我用j2ee开发，用到了struts2，谁能发份详细得代码啊，js不是很熟悉!!!

...全文

185 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

Extjsqueryd 2010-04-11

打赏
举报

Javascript源码分析 QQ群:84507704 欢迎大家加入共同讨论共同进步

shan1119 2010-04-08

打赏
举报

html:

<div id="abc">

  <input name="a" type="checkbox" value="1"/>

  <input name="a" type="checkbox" value="2"/>

  <input name="a" type="checkbox" value="3"/>

</div>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>

var obj=document.getElementById('abc').getElementsByTagName('input');

for(var i=0;i<obj.length;i++){

    obj[i].onclick = function(){

        var o=this;

        return $.get("photo3.aspx",{"value":this.value},function(data){

            if(data=="True")o.checked=o.checked

            else o.checked=!o.checked

        });

    }

}

</script>

photo3.aspx



<%

    if request("value") = 3 then

        response.write( true)

    else

        response.write( false)

    end if

%>

orangesnow1987 2010-04-08

打赏
举报

不好意思啊，不会用json，有没有简单点的啊！ajax传回个boolean类型得值就行，如果为true勾选，如果false不选

SLL324 2010-04-08

打赏
举报



$.getJSON("employeeManage.do?dispatch=getEmployeeDetail&code="+ecode , "cache="+new Date(), function(json){

var roleArray = eval(json.role);

				var obj = document.getElementsByName("checkbox"); 

				for (var i = 0;i< obj.length;i++){

	    			for(var j=0;j<roleArray.length;j++){

	    				if(roleArray[j]==obj[i].value){

	    					obj[i].checked=true;

	    					break;

	    				}

	    			}

	    		}



});

这里的 role action中
StringBuilder json = new StringBuilder();
String jsonArray = "[";
for(Role r : em.getRoles())
jsonArray+=r.getId()+",";
jsonArray=jsonArray.substring(0, jsonArray.length());
jsonArray+="]";

json.append("{'name':'").append(em.getName()==null?"":em.getName()).append("','role':'").append(jsonArray).append("'}");

刚好最近在做一个这样的，碰上了拿分。。

xrongzhen 2010-04-08

打赏
举报



<%@ language="javascript" %>

<html>

<head>

<%

    var cars;

    cars=Request.Form("cars")

%>

</head>

<body>

<form action="test_checkbox.asp"  method="post">

<p>请选择您喜欢的汽车：</p>



<input type="checkbox" name="cars"

<% if (cars=="Volvo")  Response.Write("checked")%>

value="Volvo">Volvo

<br />

<input type="checkbox" name="cars"

<% if (cars=="Saab")  Response.Write("checked")%>

value="Saab">Saab

<br />

<input type="checkbox" name="cars"

<% if (cars=="BMW")  Response.Write("checked")%>

value="BMW">BMW

<br /><br />

<input type="submit" value="提交" />

</form>



<%

Response.Write(cars);

if (String(cars) != null)

    Response.Write("<p>您喜欢的汽车是" + cars + "</p>")

%>

</body>

</html>

orangesnow1987 2010-04-08

打赏
举报

ajax得代码怎么写啊？

vnetcbd 2010-04-08

打赏
举报



<div id="abc">

  <input name="a" type="checkbox" value="1">

  <input name="a" type="checkbox" value="2">

  <input name="a" type="checkbox" value="3">

</div>

<script>

var obj=document.getElementById('abc').getElementsByTagName('input');

for(var i=0;i<obj.length;i++){

	if(obj[i].checked == false ){

	    //alert(obj[i].value);  

		obj[i].onclick = function(){

			if( this.value == 3 ){

				this.checked = true ;

			}else{

				this.checked = false ;

			}

		}

	}

}

//循环input，如果input的值为3则可以选中，否则不能选中

</script>