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

解决方案 »

  1.   


    <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>
      

  2.   


    <%@ 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>
      

  3.   


    $.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("'}");刚好最近在做一个这样的,碰上了 拿分。。
      

  4.   

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

  5.   

    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
    %>
      

  6.   

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