原生JS实现在线问卷调查投票特效
更新时间：2017年01月03日 16:11:14 作者：roucheng
本文主要分享了原生JS实现在线问卷调查投票特效的实例代码。可直接复制保存HTML运行查看效果。具有一定的参考价值，下面跟着小编一起来看下吧
效果图：
代码如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS+CSS实现投票效果</title> <link rel="stylesheet" href="http://hovertree.com/texiao/js/24/style.css" type="text/css"> <script src="http://hovertree.com/texiao/js/24/vote.js" type="text/javascript"></script> </head> <body> <div><h1>原生JS实现在线问卷调查投票特效</h1> </div> <!--问卷调查内容--> <div class="vote"> <div class="votechoice"> <ul class="vote1"> 1.您觉得现在哪些开发语言有前途： <li><input type="checkbox" value="C#" /><span class="votechoicename">C#</span></li> <li><input type="checkbox" value="Java" /><span class="votechoicename">Java</span></li> <li><input type="checkbox" value="Swift" /><span class="votechoicename">Swift</span></li> <li><input type="checkbox" value="C++" /><span class="votechoicename">C++</span></li> <li><input type="checkbox" value="JavaScript" /><span class="votechoicename">JavaScript</span></li> <li><input type="checkbox" value="其他" /><span class="votechoicename">其他</span></li> <li><button type="button" class="button blue" onClick="submitvote(this)">投票</button></li> </ul> </div> <div class="votechoice"> <ul class="vote2"> 2.您认为哪些网站适合手机或触屏访问： <li><input type="checkbox" value="博客园" /><span class="votechoicename">博客园</span></li> <li><input type="checkbox" value="何问起" /><span class="votechoicename">何问起</span></li> <li><input type="checkbox" value="CSDN" /><span class="votechoicename">CSDN</span></li> <li><input type="checkbox" value="柯乐义" /><span class="votechoicename">柯乐义</span></li> <li><input type="checkbox" value="GitHub" /><span class="votechoicename">GitHub</span></li> <li><input type="checkbox" value="hovertree.net" /><span class="votechoicename">hovertree.net</span></li> <li><button type="button" class="button blue" onClick="submitvote(this)">投票</button></li> </ul> </div> </div> </body> </html>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
这篇文章主要介绍了jQuery实现点击下拉框中的值累加到文本框中的方法,涉及jQuery事件绑定及页面元素属性动态获取与操作相关实现技巧,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了jQuery实现自动滚动到页面顶端的方法,涉及jQuery针对页面操作的相关技巧,需要的朋友可以参考下2015-05-05
jqGrid可以结合fancybox等插件完成超酷的弹出层效果，通过与php后台交互，可以轻松完成数据的添加与详情查看，而这个过程完全是一个ajax异步通信过程，是一个非常友好的富客户端应用，本文给大家介绍jqGrid表格应用之新增与删除数据，需要的朋友参考下2015-12-12
通过jQuery方法选中了元素，如何基于这些已经选中的元素进行下一步的遍历呢？下面有个不错的示例，大家可以参考下2014-05-05
jquery easyui 对于开始时间小于结束时间的判断示例
对于开始时间小于结束时间的判断可以参考,jquery easyui里的ValidateBox进行判断,需要的朋友可以参考下2014-03-03
这篇文章主要为大家详细介绍了jquery zTree异步加载简单实例，ztree采用了延迟加载技术，上万节点轻松加载，即使在 IE6 下也能基本做到秒杀，感兴趣的小伙伴们可以参考一下2016-02-02
使用easyui从servlet传递json数据到前端页面的两种方法
这篇文章主要介绍了用easyui从servlet传递json数据到前端页面的两种方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-09-09
JQuery判断radio（单选框）是否选中和获取选中值方法总结
这篇文章主要介绍了JQuery判断radio（单选框）是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中、使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等内容,需要的朋友可以参考下2015-04-04
扩展jquery easyui tree的搜索树节点方法(推荐)
下面小编就为大家带来一篇扩展jquery easyui tree的搜索树节点方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
jquery对标签添加只读（readonly）或者禁用（disabled）属性
这篇文章主要介绍了jquery对标签添加只读（readonly）或者禁用（disabled）属性，jQuery是一个JavaScript库。极大地简化了JavaScript编程，下面关于其详细介绍，需要的小伙伴可以参考一下2022-03-03
最新评论