DOM_调查问卷效果2

最新推荐文章于 2024-07-18 10:24:18 发布
最新推荐文章于 2024-07-18 10:24:18 发布
阅读量63 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/wangyinxu/p/7144079.html
版权 
<html>
    <head>
        <style type="text/css">
        ul{
        list-style:none;
        margin:0px;
        }
        .close{
            display:none;
            }
        .open{
            display:block;
            }
        </style>
    </head>
    <script type="text/javascript">
        function showResult(){
            var number=0;
            var sum=0;
            while(number!=5){
                var flag=false;
                var oradioNodes = document.getElementsByName("name"+(number++));
                for(var x =0;x<oradioNodes.length;x++){
                    if(oradioNodes[x].checked){
                        sum=parseInt(oradioNodes[x].value)+sum;
                        flag=true;
                        break;
                    }    
                }
                if(!flag){
                        document.getElementById("result").className="open";     
                    }
            }  


if(sum>0){
                    alert(sum+"分");
                }
                
                if(sum>=5 && sum<=15){
                    document.getElementById("result_1").className="open";    
                    document.getElementById("result_2").className="close";
                    document.getElementById("result").className="close";    
                }else if(sum>=16){
                    document.getElementById("result_2").className="open";
                    document.getElementById("result_1").className="close";    
                    document.getElementById("result").className="close";
                }
            
        }
    </script>
    <body>
        <div><h1>命运预言大师</h1></div>
        <div id="t_1">
        <h3>第一题</h3>
        <span>您喜欢的颜色是？</span>
        <ul>
            <li><input type="radio" value="1" name="name0" />红色</li>
            <li><input type="radio" value="2" name="name0" />黄色</li>
            <li><input type="radio" value="3" name="name0" />蓝色</li>
            <li><input type="radio" value="4" name="name0" />黑色</li>
            <li><input type="radio" value="5" name="name0" />白色</li>
        </ul>
        </div>
        <div id="t_2">
        <h3>第二题</h3>
        <span>您喜欢的运动是？</span>
        <ul>
            <li><input type="radio" value="1" name="name1" />篮球</li>
            <li><input type="radio" value="2" name="name1" />足球</li>
            <li><input type="radio" value="3" name="name1"/>乒乓球</li>
            <li><input type="radio" value="4" name="name1" />羽毛球</li>
            <li><input type="radio" value="5" name="name1" />长跑</li>
        </ul>
        </div>
        <div id="t_2">
        <h3>第三题</h3>
        <span>您喜欢的风景是？</span>
        <ul>
            <li><input type="radio" value="1" name="name2" />大海</li>
            <li><input type="radio" value="2" name="name2" />山水</li>
            <li><input type="radio" value="3" name="name2"/>荒漠</li>
            <li><input type="radio" value="4" name="name2" />草原</li>
            <li><input type="radio" value="5" name="name2" />其他</li>
        </ul>
        </div>
        <div id="t_2">
        <h3>第四题</h3>
        <span>您喜欢的数字是？</span>
        <ul>
            <li><input type="radio" value="1" name="name3" />1-3</li>
            <li><input type="radio" value="2" name="name3" />4-6</li>
            <li><input type="radio" value="3" name="name3"/>7-9</li>
            <li><input type="radio" value="4" name="name3" />10</li>
            <li><input type="radio" value="5" name="name3" />其他</li>
        </ul>
        </div>
        <div id="t_2">
        <h3>第五题</h3>
        <span>您喜欢的动物是？</span>
        <ul>
            <li><input type="radio" value="1" name="name4" />狗</li>
            <li><input type="radio" value="2" name="name4" />猫</li>
            <li><input type="radio" value="3" name="name4"/>老鼠</li>
            <li><input type="radio" value="4" name="name4" />老虎</li>
            <li><input type="radio" value="5" name="name4" />其他</li>
        </ul>
        </div>
        <div>
            <input type="button" value="查看测试结果" onclick="showResult()"/>
            <div id="result" class="close">请先选择答案！</div>
            <div id="result_1" class="close">矮戳穷</div>
            <div id="result_2" class="close">高富帅</div>
        </div>
    </body>
</html>

 

转载于:https://www.cnblogs.com/wangyinxu/p/7144079.html

weixin_30791095
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
问卷调查Html5开发总结
水煮鱼的博客
08-03 1万+
【Html5能够离线操作、能否开发Html5离线网络应用程序】按常理Html5开发出来的是Web网页应用，则需网络连接才能下载并使用，作为Html5对离线应用开发的支持最大的特殊，支持离线需要满足如下条件：离线资源缓存：需要一种方式来指明应用程序离线工作时所需的资源文件。这样，浏览器才能在在线状态时，把这些文件缓存到本地。此后，当用户离线访问应用程序时，这些资源文件会自动加载，从而让用户正常使用。...
SpringMVC+Mybatis写调查问卷管理系统
热门推荐
HJY
05-12 1万+
    最近一直想找点事情做，前几个星期马原老师说要做一份社会调查需要用到调查问卷，然后基本都是网上直接用现成的网站直接做的，我在想自己是不是也能做一个类似简单的管理系统呢。。然后一做就做了半个月，前几天总算是做好了，感觉要是自己勤快一点可能几天就能写好吧，下面是我在写这个调查系统的全部过程和遇到的问题解决方法。    首先是在脑海中构建整个系统的模型，我是喜欢根据这个模型先写好数据库的脚本，然后...
DOM（三）-02-(示例-调查问卷)
wy_0928的博客
08-20 556
<!-- 单选按钮演示。 1.是否参与调查问卷？ 当选择“是”，问卷显示，当选择“否“，问卷不显示 --> #contentid{/*问卷默认隐藏，注意这个id选择器优先级很高 */ display:none; } function showContent(node){ //获取问卷调查所在div区
【DOM】调查问卷与性格测试示例
你今天真好看呀
09-01 3988
文章目录调查问卷性格测试 调查问卷 <html> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> #contentid{ display: none; ...
JavaSe基础XX26——DOM_3
雨一直下
09-25 515
* * * * * * * * * *
react实现问卷调查
qq_44170622的博客
02-22 1452
react的index中的ReactDOM.render文件 import React from 'react'; import ReactDOM from 'react-dom'; import Check from './check.jsx'; // import Browser from './browser.jsx'; ReactDOM.render( <Check/>, document.getElementById('root') ); 基本样式文件 imp
DOM基础
黎小小的博客
02-14 526
本文内容是根据毕晓东老师的视频教程总结而得。DOM相关基础知识。 1.DOM概述 Document Object Model(文档对象模型)，主要用来将标记型文档封装成对象，并将标记型文档中所有的内容（标签、文本、属性等）都封装成对象。 封装成对象的目的：为了更方便的操作这些文档以及文档中的所有内容。因为对象的出现就可以有属性和行为被调用。 标记型文档特征：除了标签就是标签封装的内容或者标...
JS实现自动填写问卷【JS小工具】
qq_22841387的博客
03-31 4855
问题描述 现在我需要填写一个网页问卷，里面全部都是单选框。 作为一个有想法的前端的人员，我想通过JS代码去帮我填写 此文章仅供学习，请勿用于其他用途 插入图片【问卷一.png】 实现过程 获取单选框结点 通过观察页面，我发现所有的单选框都在包裹在无序列表ul的li下的，class名称为item [插入图片——观察页面] 直接开始尝试获取DOM结点 document.getElementsByClassName('item') [插入图片——控制台打印] 总共170道题目，打印出来的数组为340长度
DOM在HTML中的应用2
dlg18261的博客
05-27 114
邮件列表<head> <link rel="stylesheet" type="text/css" href="tableT.css" /> <style type="text/css"> .one{ background-color:#9bf7d5; } .two{ ...
jQuery 仿问卷星 自定义修改问卷调查表单前端代码
07-06
**jQuery 仿问卷星自定义修改问卷调查表单前端代码详解** 在网页开发中，创建交互性强、用户体验良好的在线问卷调查表单是一项重要的任务。"jQuery 仿问卷星"的项目，就是基于JavaScript库jQuery实现的一个类似问卷...
jQuery问卷调查表单编辑特效代码
03-20
总结来说，使用jQuery实现问卷调查表单编辑特效，需要熟悉jQuery的选择器、DOM操作方法以及事件处理。通过上移、下移、编辑和删除功能，我们可以创建一个高度互动和用户友好的在线问卷系统，从而提升用户体验并优化...
jQuery问卷调查选择题表单特效代码
03-20
为了提升用户体验，使问卷调查更具吸引力，开发者常常会使用JavaScript库，如jQuery，来实现交互式的表单效果。本文将详细探讨jQuery在创建问卷调查选择题表单中的应用，以及如何实现美化和特效。 ### 一、jQuery...
jquery自定义调查问卷插件
09-20
总之，“jQuery自定义调查问卷插件”是一个强大且灵活的工具，它简化了Web调查问卷的开发流程，让开发者能够专注于问卷的设计和交互逻辑，而不是基础的DOM操作和事件处理。通过深入理解和运用这个插件，我们可以构建...
jQuery问卷调查表单在线编辑代码
06-10
**jQuery问卷调查表单在线编辑代码详解** 在Web开发中，构建交互性强、用户体验良好的问卷调查表单是一项重要任务。jQuery作为一个轻量级的JavaScript库，因其简洁的API和丰富的插件，使得创建动态和响应式的问卷...
Sortable.js板块拖拽示例
w11111xxxl的博客
07-14 778
ghostClass: 'blue-background-class' // 拖动时元素的样式类。group: 'shared', // 允许与其它具有相同组名的元素交互。-- 引入 Sortable.js 的 CSS 和 JS 文件 -->width: 150px;/* 减少宽度 */height: 70px;/* 设置高度 */-- 引入 Sortable.js 的 JS 文件 -->animation: 150, // 动画速度。// 初始化 Sortable。
ReactRouter v6升级的步骤
feixin369的博客
07-14 422
React Router v6 引入了一个 Routes组件，它有点像Switch，但功能要强大得多。与Switch相比，RoutesReact.lazy。
vue搜索框过滤--- computed、watch区别
学习笔记分享给大家
07-16 340
计算属性computed适用于需要基于其他数据动态变化，并且需要缓存的场景。侦听器watch适用于需要响应数据变化，执行异步或开销较大操作的场景。方法methods适用于定义组件的具体行为，包括事件处理和业务逻辑等。
react 快速入门思维导图
最新发布
weixin_44565776的博客
07-18 136
只要掌握了这些react技能，基本就可以熟练使用react了
function [v]=NDS(fit1,fit2) %计算两个个体之间的支配序关系 a支配b 返回1 b支配a返回2 相互不支配返回0 v=0; dom_less=0; dom_equal=0; dom_more=0; for k=1:2 if (com(fit1{1,k},fit2{1,k})) dom_more = dom_more + 1; elseif (eql(fit1{1,k},fit2{1,k})) dom_equal = dom_equal + 1; else dom_less = dom_less + 1; end end if dom_less == 0 && dom_equal ~= 2 % 说明a受b支配 v=2; end if dom_more == 0 && dom_equal ~= 2 % 说明a支配b v=1; end end
06-07
这是一个 MATLAB 函数，用于计算两个个体之间的支配序关系。其中 `fit1` 和 `fit2` 分别表示两个个体的适应度值和编号，它们都是一个 1x2 的 cell 数组。该函数的返回值 `v` 表示两个个体之间的支配序关系，其中 0 表示相互不支配，1 表示第一个个体支配第二个个体，2 表示第二个个体支配第一个个体。 函数中的 `com` 和 `eql` 分别是用来比较两个适应度值是否满足支配关系或相等关系的子函数。`dom_less`、`dom_equal` 和 `dom_more` 分别表示第一个个体适应度值在第二个个体适应度值之前的个数、相等的个数和之后的个数。如果 `dom_less` 等于 0 且 `dom_equal` 不等于 2，则说明第一个个体受到第二个个体的支配，`v` 被赋值为 2；如果 `dom_more` 等于 0 且 `dom_equal` 不等于 2，则说明第一个个体支配第二个个体，`v` 被赋值为 1。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值