作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个关于一页上多个相似表单的问题。假设您有一个包含两个或多个民意调查的页面。 HTML 表单本身非常相似。以前这是一个使用内联 JavaScript 构建的解决方案。这当然不是最好的解决方案。它的构建方式是每个 poll 表单都有自己的 js 函数。但这不再是我想要的了。
我如何重写脚本,以便它知道提交了哪个表单。
这是当前的表单:
<div style="display:block;">
<form name="pollvoteform3" method="post" xaction="">
<input type="hidden" name="poll" value="3">
<input type="hidden" name="cmd" value="">
<div class="poll">
<div class="pollOption">
<div class="pollRadio"><input type="radio" name="poll_option3" value="1"></div>
<div class="pollOptionText">Option 1</div>
</div>
<div class="pollOption">
<div class="pollRadio"><input type="radio" name="poll_option3" value="2"></div>
<div class="pollOptionText">Option 2</div>
</div>
<p> <input type="button" name="bt_submit" class="pollButtonNormal" onmouseover="this.className='pollButtonHigh';" onmouseout="this.className='pollButtonNormal';" value="Stem" onclick="javascript:vote3();">
<input type="button" name="bt_submit" class="pollButtonNormal" onmouseover="this.className='pollButtonHigh';" onmouseout="this.className='pollButtonNormal';" value="Resultaten" onclick="javascript:viewResults3();"></p>
</div>
</form>
</div>
<div style="display:none;">
<form><input type="button" name="bt_submit" class="pollButtonNormal" onmouseover="this.className='pollButtonHigh';" onmouseout="this.className='pollButtonNormal';" value="Resultaten" onclick="javascript:viewResults3();"></form>
</div>
编辑:
我该如何重写这个:
function vote1() {
r=document.forms.pollfvoteform3.poll_option3
var voted=false;
if (r.value!=null && r.checked)
{
voted=true;
} else {
for (i=0;i<r.length;i++){
if (r[i].checked) {
voted=true;
break;
}
}
}
if (voted) {
document.forms.pollvoteform3.submit();
} else {
alert("Youre wrong!.");
}
}
到 jquery。
最佳答案
您需要为表单提供一个 id 和一个公共(public)类:
<form name="form1" class="myforms" id="form1">
然后您可以一次性为两种表单分配事件处理程序:
$(".myforms").submit(function() {
formId = $(this)[0].id;
});
正如您所看到的,将其包装到 jQuery 包装集中可以轻松地为您提供特定表单的 id。
关于javascript - 将 javascript 重写为 jquery 以实现页面上的多个表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/980234/
我是一名优秀的程序员,十分优秀!