注册 登录 充值会员 退出
毕业设计 PHP源码
充值

jQuery单项选择题问卷调查表单代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-10-15
jQuery单项选择题问卷调查表单代码
一款经过美化简单实用的jQuery单项选择题问卷调查表单代码,jQuery问卷调查表单样式。


js代码

<script>
//Global:
var survey = []; //Bidimensional array: [ [1,3], [2,4] ]

//switcher function:
$(".rb-tab").click(function(){
  //Spot switcher:
  $(this).parent().find(".rb-tab").removeClass("rb-tab-active");
  $(this).addClass("rb-tab-active");
});

//Save data:
$(".trigger").click(function(){
  //Empty array:
  survey = [];
  //Push data:
  for (i=1; i<=$(".rb").length; i++) {
    var rb = "rb" + i;
    var rbValue = parseInt($("#rb-"+i).find(".rb-tab-active").attr("data-value"));
    //Bidimensional array push:
    survey.push([i, rbValue]); //Bidimensional array: [ [1,3], [2,4] ]
  };
  //Debug:
  debug();
});

//Debug:
function debug(){
  var debug = "";
  for (i=0; i<survey.length; i++) {
    debug += "No " + survey[i][0] + " = " + survey[i][1] + "\n";
  };
  alert(debug);
};
</script>