- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试创建一个进度条,该进度条随着表单的填写而增加。例如,如果我有 5 个输入。每个输入都需要填写才能达到 100% 我的目标是在表单达到 100% 后激活一个按钮。
我的思考过程是做一堆 if Blank 使其值为 0,但如果不是,则它的值为 10,或某个任意数字。
然后我只需将这些值相加即可完成进度条。
我不知道如何设置这些值,以便我可以将它们相加,或者这甚至是正确的方法。我不知道该去哪里。这是代码:
<form>
One<input id="1" type="name" name="name"><br />
Two<input id="2" type="name" name="name"><br />
Three<input id="3" type="name" name="else"><br />
Four<input id="4" type="name" name="name"><br />
Five<input id="5" type="name" name="name"><br />
</form>
<div id="progressbar"></div>
$(function() {
$( "#progressbar" ).progressbar({
value: 37
});
});
$(function(){
if ( $('#1').val() == '' ){value == 0};
} else {
value == 10; };
if ( $('#2').val() == '' ){value == 0};
} else {
value == 10; };
if ( $('#3').val() == '' ){value == 0};
} else {
value == 10; };
if ( $('#4').val() == '' ){value == 0};
} else {
value == 10; };
if ( $('#5').val() == '' ){value == 0};
} else {
value == 10; };
});
任何帮助将不胜感激
最佳答案
HTML:
<form>
One<input id="1" type="name" name="name" data-pbVal="60"><br />
Two<input id="2" type="name" name="name" data-pbVal="5"><br />
Three<input id="3" type="name" name="name" data-pbVal="5"><br />
Four<input id="4" type="name" name="name" data-pbVal="0"><br />
Five<input id="5" type="name" name="name" data-pbVal="30"><br />
</form>
<div id="progressbar"></div>
Javascript:
$(function() {
$( "#progressbar" ).progressbar({
value: 0
});
//Register this function to fire whenever a value changes in one of the input elements
$("form input").change(function() {
var pbVal = 0;
//For each input element, count the value on the data-pbVal element and add it to the total
$("form input").each(function(index) {
if($(this).val().length > 0) {
pbVal += $(this).data('pbVal');
}
});
$( "#progressbar" ).progressbar( "option", "value", pbVal );
return false;
});
});
关于jquery - 用jquery填写进度条表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15773369/
在 JConsole 的 MBeans 选项卡中查看我的应用程序的 MBean 时,有“属性”和“操作”的子菜单。如果将这些树结构展开到最大程度,然后单击其中一个操作,则右侧面板会显示三个部分:操作调
我有一个包含稀疏数据的人性化工作表: PART | FRUIT --------------- Alpha | | Apples | Pears Beta |
我有一个包含每小时数据的数据框: area date hour output H1 2018-07-01 07:00:00 150 H1
假设我有这样的 html 表: 16 3 2 13 5 10
我已经将一些原始数据导入到 R 中,如下所示: 表 1: ID Year Value 01 1999 25 01 2000 12 01 2002
我已经将一些原始数据导入到 R 中,如下所示: 表 1: ID Year Value 01 1999 25 01 2000 12 01 2002
我在以下问题中遇到了同样的问题: Forward Fill New Row to Account for Missing Dates 不同之处在于,我需要计算两个不同日期之间的小时数差异,例如 201
我想填写 pandas 数据框中缺失的值。最佳情况下,我希望分钟列的范围为每小时 0-60。不幸的是,数据生成过程没有记录任何 sub_count = 0 的行。有办法做到这一点吗?我的数据涵盖日期
基本对象问题我似乎无法全神贯注。我确定我想多了。填写 addFullName 函数的代码。该函数应该: Take one input parameter, a person object. Add a
是否可以在没有用户交互的情况下调用 html 表单提交?我知道可以通过 HttpClient 发出发布请求,但这并不能解决我的问题。 我需要以编程方式在网页上填写一些表单输入字段,然后“单击”提交按钮
Python 的新手,似乎无法找到我正在寻找的确切答案我相信有更简单的方法来填写此信息 我有 df1 和 df2 df1: FirstName LastName PhNo uniqueid df
您好,我有一个需要填写的 PDF 表单。该应用程序向用户(表单)提出问题,提交时应将答案填写到 PDF 空白处以供打印。 我熟悉 JS 和 Node(有一段时间没用过)。不使用 PHP。 我会在我常去
假设我有一个如下所示的数据框: ID DATE VALUE 1 31-01-2006 5 1 28-02-2006 5 1 31
我想做的是,在填写四个字符时指向下一个选项卡。每个字段应有 4 个字符,完成后应移至下一个输入框。 $(".inputs").keyup(function () { if (this
我有 3 个 div,每个都有几个输入字段和下一步按钮。我想编写一个 jQuery 片段,当单击下一个按钮时,它会检查以确保与按钮位于同一 div 内的所有输入字段都不为空。 我已经尝试了以下但没有成
我正在做一个刽子手项目。我已经让大部分代码正常工作了。 我无法工作的部分是“ secret 单词”有多个相同的字母。例如“hello”有 2 个“l”。 这是代码部分的代码,如果猜测正确,它将“---
拥有抽象对象的集合:Set foes; 我想要一个这样的方法: List getFoesByType(TypeEnum type); 我已经尝试过: List result = new ArrayLi
我正在尝试使用 scrapy 填写 POST 表单,以尝试预订火车票。 我以为 FormRequest 类可以做这件事,但我无法处理 javascript 表单。 Scrapy 爬虫什么都不返回。 我
我使用以下代码生成带有渐变的图像。我逐个元素访问数组。有更好的方法吗?谢谢。 import cv2 import numpy as np x = np.ndarray((256,256,3), dty
我有一个数据对应于数据库列表和差异行,以及它们的使用日期。 DB Dates USAGE ABC 03-06-2018 IN USE
我是一名优秀的程序员,十分优秀!