birwin
asked on
Javascript confirmation if specific radio button set on submit
I have a form. It has 4 rows and uses a single form statement. All of the radio buttons have the same name, dothis. The values are new1, edit1, delete1 for the first row AND new2, edit2 , delete2 for the second row and so on.
I would like an alert button to pop up, asking them to confirm their choice, only if they have clicked on one of the delete variables (delete1, delete2, etc) I DON'T want it to pop up if they set one of the non-delete radio buttons
If they confirm, I'd like to continue with the POST. It needs to actually POST becuase there are both the active and some hidden variables that are subsequently verified as being $_POST[] variables.
Is there a javaScript or JQuery way to do this? The main page is in PHP.
javascript-alert.jpg
I would like an alert button to pop up, asking them to confirm their choice, only if they have clicked on one of the delete variables (delete1, delete2, etc) I DON'T want it to pop up if they set one of the non-delete radio buttons
If they confirm, I'd like to continue with the POST. It needs to actually POST becuase there are both the active and some hidden variables that are subsequently verified as being $_POST[] variables.
Is there a javaScript or JQuery way to do this? The main page is in PHP.
javascript-alert.jpg
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
I love it. No additional markup required and it works perfectly. Thank you.
function valButton(obj) {
var cnt = -1;
//find which box is selected
for (var i=0;obj.dothis.length-1; i++) {
if (obj.dothis[i].checked) {
cnt = i;
break;
}
}
//if selected
if (cnt > -1) {
var regexval = new RegExp('delete.*');
var fieldval = obj.dothis[cnt].value;
var tmp = re.exec(fieldval);
if(tmp == null) {
return true;
}
else{
if(confirm('Are you sure you want to delete?')){
return false;
}
else{
return true;
};
}
}
// if not selected
else
{
alert('Choose a value');
return false;
}
}
</script>
in your <form action="" onsubmit="valButton(this)"