昨天一个同行妹纸写了一个网络问卷调查的效果，但是有bug，于是就来问我该如何解决这个bug。经过我的分析，bug主要还是出在复选框的那部分，经过修改，bug问题解决，现在贴出如下代码，仅供大家参考：
html code网络问卷调查 1.你的性别是什么？
- 男
- 女
2.你的年龄段是？
- 20岁以下
- 21岁~30岁
- 31岁~40岁
- 40岁以上
3.你的学历是？
- 高中及以下
- 大学专科
- 大学本科
- 硕士及以上
4.你的职业是？
- 学生党
- 上班族
- 自由党
5.你平时是否炒股？
- 是
- 否
- 模拟炒股
6.你对金融社交APP的看法？
- 很感兴趣
- 不懂金融是什么
- 不感兴趣
7.有了QQ你为什么还用钱眼?
- 可以直接看股票及行情
- 有高手互动
- 可以和志同道合的朋友交流
- 可以看讲师直播
8.您最感兴趣的功能是？(多选)
- 大家问
- 话题
- 视频直播
- 金融工具
- 钱眼达人
9.您最感兴趣的功能是？(多选)
- 大家问
- 话题
- 视频直播
- 金融工具
- 钱眼达人
10.如果看到一篇很好的帖子，您会想和作者聊聊吗？
- 完全没有兴趣
- 怕人家不理我
- 可以线下认识吗
- 线上交流很方便
10.钱眼还能帮助你什么？（可不填）
js code
$(function(){ $(".content input[name^='radio']").click(function(){ //input[name='radio'] 单选按钮只要被点击且不管你点它多少次 他的选中状态都是true $(this).parent("li").addClass("checked").siblings("li").removeClass("checked").parents(".content").attr("data-id","checkBox"); var contentLen = $(".content").length; var checkLen = $("div[data-id='checkBox']").length; checked(contentLen,checkLen); }); $(".content_checkbox").each(function(){ var self = $(this); $(this).find("input[name^='checkbox']").click(function(){ if(this.checked == true){ $(this).parent("li").addClass("checked"); }else{ $(this).parent("li").removeClass("checked"); } if(self.find("li").hasClass("checked")){ self.attr("data-id","checkBox"); }else{ self.removeAttr("data-id"); } var contentLen = $(".content").length; var checkLen = $("div[data-id='checkBox']").length; checked(contentLen,checkLen); }); });function checked(contentLen,checkLen){ if(contentLen == checkLen){ $("#submit").css({"background":"#3b7ded"}).removeAttr("disabled"); }else{ $("#submit").css({"background":"#9f9f9f"}).attr("disabled","disabled"); }}});