checkbox给后台传值以及后台处理值

1，前端界面

               <li>
                    <label class="control-label">水果分类</label>
                </li>
                <li class="checkbox" style="border-right: 1px solid #ededed;">
                    <label><input type="checkbox" name="fruit" value="1" />苹果</label>
                    <label><input type="checkbox" name="fruit" value="2" />香蕉</label>
                    <label><input type="checkbox" name="fruit" value="4" />葡萄</label>
                    <label><input type="checkbox" name="fruit" value="3" />榴莲</label><br/>
                    <label><input type="checkbox" name="fruit" value="9" />其他</label>
                </li>

2，前端js发送ajax

<script language="JavaScript">

function  search(){

       var fruit= '';
        var dd = '';
        var radio = document.getElementsByName("fruit");
        for(var i = 0;i<radio.length;i++)
        {
            if(radio[i].checked==true)
            {dd = radio[i].value;
             fruit= fruit+","+dd;
            }
        } 

$.ajax({ 
              type:"POST", 
              url:"${rc.getContextPath()}/realtime/tuberRegistTreat/data.do", 
              dataType:"json", 
              data:{"fruit":fruit}, 
              success:function(data){ 
                  debugger;
                  var dataList = "";
                data.forEach(function (t) {
                    dataList += "<tr><td class='same'>"+t[0]['AREA']+"</td>"
                    +"<td class='same'>"+t[1]['sum']+"</td>"
                    </tr>";
                });
                $('tbody').html(dataList);
              }, 
              error:function(){ 
                console.log("error") 
              } 
            })  

}

</script>

3,后端处理

// 数据处理
    @RequestMapping(value = "data", method = RequestMethod.POST)
    @ResponseBody
    public List<Object> data(ModelMap modelMap, HttpServletRequest req, String fruit）{

if (StringUtils.isNotBlank(fruit)) {
            String[] reStrings = fruit.split(",");
            sb += " and (";
            for (int i = 0; i < reStrings.length; i++) {
                if(reStrings[i]!=""){
                    if(i==1){
                        sb += "A.REGISTERTYPE = '" + reStrings[1] + "'"; 
                    }
                    if(i>1){
                        sb += " or A.REGISTERTYPE = '" + reStrings[i] + "'";
                    }
                }
            }
            sb += ")";
        }
        return sb;
    }

}

结束：这样前端复选框传过来的值就能被分别拼入sql语句（如：select * from table t where t.fruit='1' or t.fruit='2'的形式）

最后

以上就是冷静手机为你收集整理的checkbox给后台传值以及后台处理值的全部内容，希望文章能够帮你解决checkbox给后台传值以及后台处理值所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。