javascript – 获取级联单选按钮值的值
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 获取级联单选按钮值的值,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2186字,纯文字阅读大概需要4分钟。
内容图文
![javascript – 获取级联单选按钮值的值](/upload/InfoBanner/zyjiaocheng/771/f0d3126e5a244f3d8fe2e42528dcc891.jpg)
<head>
<script type="text/javascript">
function myFunction(amount)
{
a=200;
b=amount;
c=a+b;
document.getElementById("demo").innerHTML=a;
document.getElementById("demo1").innerHTML=b;
document.getElementById("demo2").innerHTML=c;
}
</script>
</head>
<body>
我有两类单选按钮
蛋糕名称
<input type="radio" id= "c1" name="cake1" value="50.00"
onclick="if(this.value==50.00) { myFunction(50.00); }">
<input type="radio" id= "c2" name="cake2" value="100.00">
– 下一个是花
<input type="radio" id= "f1" name="flow1" value="50.00">
<input type="radio" id= "f2" name="flow2" value="100.00">
现在我的基本价格是200.一旦我选择第一个单选按钮cake1,价格应该增加到250(200 50)
接下来,如果我选择值为100的花柱,则价格应增加到(250 100)= 350.
这应该动态发生.有人可以帮帮我吗.
解决方法:
你是否打算让人们选择一种蛋糕或两者兼而有之?
我问的原因是因为一旦选择了一个单选按钮,除非有另一个具有相同Name属性的单选按钮,否则你不能取消选择它.您实际上有一个单选按钮列表,只能由用户“打开”.
如果您希望他们只选择几个蛋糕中的一个,请为所有单选按钮指定相同的Name属性,浏览器将只允许选择一个.
如果您希望人们选择一个或多个蛋糕,请使用复选框(< input type =“checkbox”等...>),以便他们可以取消勾选它们.
我认为你最好通过一般功能来重新整理整个页面 – 例如下面..
<!DOCTYPE html>
<head>
<script type="text/javascript">
function recalculate() {
var sValues ="";
var fTotal=200; // base value
var inp=document.getElementsByTagName("input")
for (var i=0;i < inp.length; i++)
{
sValues +=inp[i].name+" = " + inp[i].value+"\n"
if (inp[i].checked) {fTotal+=parseInt(inp[i].value)}
}
// not displayed but at this point sValues holds a string of the input names and values. just alert(sValues) to see it
document.getElementById("Total").innerHTML= fTotal;
}
</script>
</head>
<body>
<form name="form1">
cake1 £50 <input type="radio" id= "c1" name="cake" value="50.00" onclick="recalculate()" ><br>
cake 2 £100 <input type="radio" id= "c2" name="cake" value="100.00" onclick="recalculate()"><br>
flower 1 £50 <input type="radio" id= "f1" name="flow" value="50.00" onclick="recalculate()"><br>
flower 2 £50 <input type="radio" id= "f2" name="flow" value="100.00" onclick="recalculate()"><br>
<hr>
Total: £<div id="Total">0</div>
</form>
</body>
</html>
内容总结
以上是互联网集市为您收集整理的javascript – 获取级联单选按钮值的值全部内容,希望文章能够帮你解决javascript – 获取级联单选按钮值的值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。