我正在制作一个带有复选框和单选按钮的表单 我使用价值作为价格,我用脚本计算,所以我得到所选复选框和单选按钮的总价格。
<script>
function calcscore() {
score = 0;
$(".calc:checked").each(function () {
score += Number($(this).val());
});
$("#price").text(score.toFixed(2));
$("#sum").val(score)
}
$().ready(function () {
$(".calc").change(function () {
calcscore()
});
});
</script>
<input type="radio" id="1" value="40" class= "calc" name = "780143050"> Gezichtsbehandeling (incl.)<br>
<input type="radio" id="2" value="40" class = "calc" name = "780143050"> Massage<br>
<input type="radio" id="3" value="75" class = "calc" name = "780143050"> beide
<span id="output"></span><input type="hidden" name="sum" id="sum" value="0">
<p>Totaal extra's : € <span id="price">0</span>
我有以下PHP
test.php
<?php
echo("keuze : " . $_POST['780143050'] . "<br />\n");
?>
我在我的php脚本中的值和ID。如何回显所选单选按钮的ID?
答案 0 :(得分:1)
有两种方法可以做到这一点:
value
的值更改为id
id
的值添加到value
HTML:
<input type="radio" id="2" value="40|2" class = "calc" name = "780143050"> Massage<br>
JS:
<script>
function calcscore() {
score = 0;
$(".calc:checked").each(function () {
score += Number($(this).val().split('|')[0]);
});
$("#price").text(score.toFixed(2));
$("#sum").val(score)
}
$().ready(function () {
$(".calc").change(function () {
calcscore()
});
});
PHP
<?php
echo("keuze : " . split('|',$_POST['780143050'])[1] . "<br />\n");
?>
答案 1 :(得分:0)
见下面的代码。选定的单选按钮ID将作为$_POST['selID']
收到:
$('form').submit(function(){
var selID = $('form input[type=radio]:selected').attr('id');
$(this).append('<input type="hidden" name="selID" value="'+selID+'" />');
});
&#13;