JavaScript Radiogroup/Select List

Question

Hi,
I would to multiple the values of a radiogroup and a select list.
This is what I have so far:
<script type="text/javascript">
  function sumItems(){
    function getVal(item){
   if(document.getElementById(item).value != "")
     return parseFloat(document.getElementById(item).value);
   else
     return 0;
    document.getElementById('P1_TOTAL').value =
       getVal('P1_RADIO') * getVal('P1_SELECT');
</script>
I get a NaN error; I assume that is because of the radiogroup and/or select list.
Is this a correct assumption?
Thanks
VC

Answer 1

Hello,
The following is a very simple example of the technique I offered you - http://apex.oracle.com/pls/apexbeta/f?p=10:30 . You can adapt it to any specific select lists you are using, and to any number of them.
I defined 3 hidden items on the page:
- P30_ORIGINAL – holds the original value of the select list
- P30_FLAG0 – set to ‘true’ if a select list value set to 0. Init value 'false'
- P30_FLAG2 – set to ‘true’ if a select list value set to 2. Init value 'false'
The following is the JavaScript code:
<script type="text/javascript">
function saveOriginalValue(pItem){
  $x('P30_ORIGINAL').value = pItem.value;
function validate_Selected_Value(pItem){
  if ($x('P30_ORIGINAL').value == 0 && pItem.value != 0) {
    $x('P30_FLAG0').value = 'false';
  if ($x('P30_ORIGINAL').value == 2 && pItem.value != 2) {
    $x('P30_FLAG2').value = 'false';
  if (pItem.value == 0) {
    if ($x('P30_FLAG0').value == 'true'){
      alert("You can't choose 0 as a value");
      pItem.value = '%';
      return;
    $x('P30_FLAG0').value = 'true';
  if (pItem.value == 2) {
    if ($x('P30_FLAG2').value == 'true'){
      alert("You can't choose 2 as a value");
      pItem.value = '%';
      return;
    $x('P30_FLAG2').value = 'true';
</script>For each select list item I’m using the following events (in the ‘HTML Form Element Attributes’ field):
onfocus="saveOriginalValue(this)" onchange="validate_Selected_Value(this);"As you can see, this code is generic, so you can use it with as many select lists you need on your page.
Regards,
Arie.