作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
需要将多个javascript函数缩短(编译)成一个函数
我曾(未成功)尝试将表单元素分配给变量并调用它们。我还是很新...抱歉!
<script type="text/javascript">
function confSubmit1()
{
if(!document.getElementById("terms1").checked)
{
alert("Please read and accept the Terms and Conditions");
return false;
}
alert("You are now being redirected to PayPal");
return true;
}
function confSubmit2()
{
if(!document.getElementById("terms2").checked)
{
alert("Please read and accept the Terms and Conditions");
return false;
}
alert("You are now being redirected to PayPal");
return true;
}
</script>
所以,我在一个 HTML 页面上有多个表单,所有这些表单都是通过 PayPal 购买的。每个表单都有一个复选框,供用户根据他们购买的产品同意条款。
我曾尝试使用变量等将上述代码缩短为单个函数,但我终究无法弄清楚!
我确信有一种方法可以使用 OR (||) 语句(或其他方式)将所有这些放入一个函数中,而无需为每种形式创建一个函数。我让它像这样工作,但似乎有更好的方法来做到这一点。
谢谢。
最佳答案
function confSubmit(id)
{
var check = document.getElementById(id).checked;
check ? alert("You are now being redirected to PayPal") : alert("Please read and accept the Terms and Conditions");
return check;
}
<form action="#">
<input type="checkbox" id="checkb1"> Check1
<input type="submit" value="submit" onClick="return confSubmit('checkb1')" />
</form>
<form action="#">
<input type="checkbox" id="checkb2"> Check2
<input type="submit" value="submit" onClick="return confSubmit('checkb2')" />
</form>
希望对您有所帮助。
关于javascript - 如何在单个 HTML 页面中对表单元素使用 OR (||),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57199190/
我是一名优秀的程序员,十分优秀!