在您的代碼中，當(dāng)您這樣做時(shí)ShowHideDiv(this)，您始終會(huì)傳遞當(dāng)前選定的單選按鈕。因此，為了查看選擇了哪一個(gè)，您可以執(zhí)行以下操作：
function ShowHideDiv(chkPassport) {
var dvPassport = document.getElementById("dvPassport");
dvPassport.style.display =
chkPassport.value === "Round1" ? "block" : "none";
}
你也有一個(gè)錯(cuò)字，ShowHideDivl()而不是ShowHideDiv()。
var featuresmonth = new Array();
featuresmonth["Round1"] = 300;
featuresmonth["Round2"] = 300;
featuresmonth["Round3"] = 300;
featuresmonth["Round4"] = 525;
featuresmonth["Round5"] = 2000;
featuresmonth["Round6"] = 2000;
function ShowHideDiv(chkPassport) {
var dvPassport = document.getElementById("dvPassport");
dvPassport.style.display =
chkPassport.value === "Round1" ? "block" : "none";
}
function getFeaturePrice() {
var getFeaturePrice = 0;
var theForm = document.forms["softwareform"];
var selectedFeature = theForm.elements["selectedfeature"];
for (var i = 0; i < selectedFeature.length; i++) {
if (selectedFeature[i].checked == true) {
getFeaturePrice += featuresmonth[selectedFeature[i].value];
}
}
return getFeaturePrice;
}
function calculateTotal() {
var softwarePrice = getFeaturePrice();
var formatter = new Intl.NumberFormat();
`enter code here`;
var divobj = document.getElementById("total");
divobj.style.display = "block";
divobj.innerHTML = "Total = " + formatter.format(softwarePrice);
}
function hideTotal() {
var divobj = document.getElementById("total");
divobj.style.display = "none";
}
<body onload="hideTotal()">
<div id="wrap">
<form action="" id="softwareform" onsubmit="return false;">
<div>
<div class="cont_order">
<fieldset>
<label class="radiolabel"><input
type="radio"
name="selectedsoftware"
value="Round1"
onclick="calculateTotal();ShowHideDiv(this)"
/>Software A
</label>
<label class="radiolabel"><input
type="radio"
name="selectedsoftware"
value="Round2"
onclick="calculateTotal();ShowHideDiv(this)"
/>
software B</label
>
<div class="row">
<div class="column">
<div class="blue-column">
<div id="dvPassport" style="display: none;">
<label class="inlinelabel"
><input
type="checkbox"
name="selectedfeature"
value="Round3"
onclick="calculateTotal()"
/>Video
</label>
</div>
</div>
</div>
<div class="column">
<div class="green-column">
<div id="dvPassportl" style="display: none;">
<label class="inlinelabel"><input
type="checkbox"
name="selectedfeature"
value="Round4"
onclick="calculateTotal()"
/>Video</label
>
</div>
</div>
</div>
</div>
<div class="row"><div class="column"></div></div>
</fieldset>
</div>
<div id="total"></div>
</div>
</form>
</div>
<script type="text/javascript">
var featuresmonth = new Array();
featuresmonth["Round1"] = 300;
featuresmonth["Round2"] = 300;
featuresmonth["Round3"] = 300;
featuresmonth["Round4"] = 525;
featuresmonth["Round5"] = 2000;
featuresmonth["Round6"] = 2000;
function ShowHideDiv(chkPassport) {
var dvPassport = document.getElementById("dvPassport");
dvPassport.style.display =
chkPassport.value === "Round2" ? "block" : "none";
}
function getFeaturePrice() {
var getFeaturePrice = 0;
var theForm = document.forms["softwareform"];
var selectedFeature = theForm.elements["selectedfeature"];
for (var i = 0; i < selectedFeature.length; i++) {
if (selectedFeature[i].checked == true) {
getFeaturePrice += featuresmonth[selectedFeature[i].value];
}
}
return getFeaturePrice;
}
function calculateTotal() {
var softwarePrice = getFeaturePrice();
var formatter = new Intl.NumberFormat();
`enter code here`;
var divobj = document.getElementById("total");
divobj.style.display = "block";
divobj.innerHTML = "Total = " + formatter.format(softwarePrice);
}
function hideTotal() {
var divobj = document.getElementById("total");
divobj.style.display = "none";
}
</script>
</body>
