获取级联单选按钮值
<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。这应该是动态发生的。有人能帮我吗？
共有2个答案
我假设你想选择一个蛋糕或一朵花或两者，然后根据以下内容获得价格：当你选择一个蛋糕时，它的总价值将是它的价值加200，如果你只选择一朵花，总价值将是100加它的价值，最后如果你选择蛋糕和花（或花或蛋糕），我们将两者的价值加200（蛋糕基础）100（花基础）。如果是这样，那么我用了这个：file1.php：
<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>
function getTotal(){
var data = "";
var cake = $('[name="cake"]:checked').val();
var flower = $('[name="flower"]:checked').val();
if(cake !== undefined && flower === undefined){
data = "cake="+cake;
}
if(flower !== undefined && cake === undefined){
data = "flower="+flower;
;
}
if(flower !== undefined && cake !== undefined){
data = "cake="+cake+"&flower="+flower;
}
//alert(data);
$.ajax({
url: "getTotal.php",
type: 'GET',
data: data,
beforeSend: function() {
},
success: function(data, textStatus, xhr) {
$('#result').html(data);
},
error: function(xhr, textStatus, errorThrown) {
}
});
}
</script>
<body>
<label for="c1">Cake1</label>
<input type="radio" id= "c1" class="cake" name="cake" value="50" onclick="getTotal();" />
<label for="c2">Cake2</label>
<input type="radio" id= "c2" class="cake" name="cake" value="100" onclick="getTotal();" />
<label for="f1">Flower1</label>
<input type="radio" id= "f1" class="flower" name="flower" value="50" onclick="getTotal();" />
<label for="f2">Flower2</label>
<input type="radio" id= "f2" class="flower" name="flower" value="100" onclick="getTotal();" />
<div id="result"></div>
</body>
</html>
getTotal。php:
<?php
$total1 = 0;
$total2 = 0;
$cakeBase= 200;
$flowerBase = 100;
if(isset($_GET["cake"])){
$cake = $_GET["cake"];
//echo "cake" .$cake;
$total1 = $cakeBase + $cake;
}
if(isset($_GET["flower"])){
$flower = $_GET["flower"];
//echo "flower". $flower;
$total2 = $flowerBase + $flower;
}
echo $total1 + $total2;
?>
你是想让人们只选一种蛋糕还是两种都选？
我这么问的原因是，一旦单选按钮被选中，你就不能取消选择它，除非有另一个具有相同名称属性的单选按钮。你实际上有一个单选按钮列表，这些按钮只能由用户打开。
如果你想让他们只选择几个蛋糕中的一个，给所有单选按钮赋予相同的名称属性，浏览器将只允许选择一个。
如果你想让人们选择一个或多个蛋糕，那么使用复选框（
我想你最好用一个通用函数来重新分类整个页面——例如下面...
<!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>
-
问题内容： 我想获取单选按钮值并将其通过AJAX发送到PHP。 我的AJAX正在运行，但当前正在每行中插入一个，因此它不会从单选按钮中获取值。任何帮助，将不胜感激。 问题答案： 首先，您有很多重复的属性，这是不正确的。请改用类，然后使用选择器来获取所选无线电的特定实例。 试试这个： 以此类推，作为您的其他输入。
-
本文向大家介绍jQuery获取选中单选按钮radio的值，包括了jQuery获取选中单选按钮radio的值的使用技巧和注意事项，需要的朋友参考一下 实例1： 获取一组单选按钮对象：var obj_payPlatform = $('#wrap input[name="payMethod"]'); 获取被选中按钮的值 ：var val_payPlatform = $('#wrap inpu
-
如何获得文本而不是值，当我点击单选按钮？ 下面的代码获取单选按钮的值。我想接短信（节目或电影）。提前道谢。 null null
-
问题内容： 我有一段代码，其中一个包含三个s 。我想设置的，将显示的值的。但是，到目前为止我没有得到任何结果。如何获得的值并在中显示Toast？预先谢谢你，这是我的代码： XML档案： 问题答案： 经过测试和工作。检查一下 XML文件
-
我的网页上有一个表单，如下所示： 如何在Javascript中提取当前选定单选按钮（没有提交操作）的值？我想要的是以下几点：
-
问题内容： 我已经在单选组中动态创建了两个单选按钮，并选中其中一个。我需要在我按下另一个按钮时将其值保存在字符串中。但是我已经为此实现了，但是第一次没有用。这是我的代码。 问题答案： xml文件 Java代码