【JS/JQuery】遍历复选框得到多个…

来源:互联网 发布:汉字教学软件 编辑:程序博客网 时间:2024/06/05 04:29

html页面

 

 

js代码

 

遍历复选框,如果与复选框选中,得到该复选框的值,并拼接

 var list = "";用于接收

找到所有.rhp样式下的复选框,将值放进list中
           $(".rhp").each(function () {
               if ($(this).attr("checked")) {
                   list += $(this).val() + ",";
               }
    });

结果为:list="1,2,3,4,5,"; 

去掉最后一个 , 号:varrhp=list.substring(0, list.length - 1);

 

遍历字符串,如果与复选框的值相等,该复选框选中

           var list = ="1,2,3,4,5,";  

           //定义一数组
           var strs = new Array();
           //字符分割
           strs = list.split(",");
           $(".a").each(function () {
               for (i = 0; i < strs.length; i++) {
                   if ($(this).val() == strs[i]) {
                       $(this).attr("checked", true);
                   }
               }

 

将所有复选框引用同一个样式 "class="rhp"[随便写]
  class="rhp" value="医疗保健产品" />医疗保健产品
class="rhp"  value="健康运动产品"/>健康运动产品
 class="rhp" value="各种疾病" />各种疾病

0 0