Hey everyone… I need some help, please.. lol…
I have a make payment page in which I’m using javascript to toggle some radio buttons to display the different payment options. I have 3 options. Here is my java script:
code:
function toggle(‘Check’, ‘Credit’, ‘EasyPay’ )
{
if (document.getElementById) {
target1 = document.getElementById(‘Check’);
target2 = document.getElementById(‘Credit’);
target3 = document.getElementById(‘EasyPay’);
if (target1.style.display == “none”){
target1.style.display = “”;
target2.style.display = “none”;
target3.style.display = “none”;
}
else if (target2.style.display == “none”){
target2.style.display = “”;
target1.style.display = “none”;
target3.style.display = “none”;
}
else (target3.style.display == “none”){
target3.style.display = “”;
target1.style.display = “none”;
target2.style.display = “none”;
}
It’s not working at all. Now, I don’t know if it makes any difference at all if my page is written all in php or not, but here’s the section that contains my radio buttons:
code:
print (“<div class=”row3″><p class=”pmtheads2″>Please choose one:</span> <label for=”label5″>Check</label><span class=”formw3″><input name=”PaymentType” type=”radio” value=”Check” onClick=”toggle(‘checkInfo’, ‘creditInfo’, ‘,’easyPay’)”id=”label5″></span>
<label for=”label6″>Credit</label><span class=”formw3″><input name=”PaymentType” type=”radio” value=”Credit” onClick=”toggle(‘creditInfo’, ‘easyPay’, ‘checkInfo’)” id=”label6″ ></span>
<label for=”label3″>EasyPay</label><span class=”formw3″><input name=”PaymentType” type=”radio” value=”EasyPay” onClick=”toggle(‘easyPay’, ‘checkInfo’, ‘creditInfo’)” id=”label3″></span></div><br>n”);
And then each option is contained within a div. Any ideas here? I can’t get the toggle function to work at all. It displays nothing when I try it.
Tek Angel