当前位置：首页 > 下载站 > js特效 > jQuery特效 > jQuery单项选择题问卷调查表单代码

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

一款经过美化简单实用的jQuery单项选择题问卷调查表单代码，jQuery问卷调查表单样式。

分类: js特效 / jQuery特效	发布时间: 2017-12-11	访问量: 2120
下载量: 41

点击下载预览效果

更多>

最新下载

jQuery焦点图插件Fotorama

jQuery焦点图插件Fotorama是一款响应式jQuery焦点图轮播幻灯片切换插件Fotorama，支持缩略图播放、全屏查看、支持视频、图片、HTML内容、支持图片延迟加载、支持缩略图显示位置定义、支持自动播放以及循环播放、支持左右方向按键播放。

0 2026-01-27

表单checkbox多选框选择特效

表单checkbox多选框选择特效是一款多选框美化特效。

0 2026-01-27

jQuery表单选择填写功能

jQuery表单选择填写功能是一款支持打钩多选的jQuery特效代码下载。

0 2026-01-26

CSS3悬挂的照片墙效果代码

CSS3悬挂的照片墙效果代码是一款基于CSS3 transform 属性制作悬挂的照片墙效果代码。

0 2026-01-26

html5 3d宽屏幻灯片代码

html5 3d宽屏幻灯片代码是一款原生js+html5实现的3d幻灯片宽屏图片切换效果代码。

0 2026-01-26

jQuery图片横向滚动

jQuery图片横向滚动是一款宽屏多图滚动切换的图片画廊滚动插件。

0 2026-01-26

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

16186 2025-08-28
CSS3 教程

1546715 2025-08-27
Rust 教程

23319 2025-08-27
Vue 教程

25782 2025-08-22
PostgreSQL 教程

22263 2025-08-21
Git 教程

9243 2025-08-21

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>

Jquery是网页编程所需的重要技术之一。Jquery是继prototype之后又一个优秀的Javascrīpt框架，它是轻量级的js库，它兼容CSS3，还兼容各种浏览器。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。