www.webdeveloper.com
Results 1 to 2 of 2

Thread: Basic Help Needed!

  1. #1
    Join Date
    Mar 2012
    Posts
    1

    Unhappy Basic Help Needed!

    Hi, Im new to javascript and this forum and was wondering if someone could help with this issue;

    This is the html/php element (within a form called orderForm)

    HTML Code:
        echo "\t<div class='item'>
                <span class=gameTitle>{$book[gameTitle]}</span>
                <span class='relYear'>{$book['relYear']}</span>
                <span class='genDesc'>{$book['genDesc']}</span>
                <span class=’price’>{$book['price']}</span>
                <span class='chosen'><input type='checkbox' name='game[]' value='{$game['gameID']}' title='{$game['price']} id='price' /></span>
            </div>\n";
    All I'm wanting to do is to add up the total of the selected game checkboxes. I find JS quite tricky to get my head around. So far I have this (don't laugh);

    function totalPrice(price)
    {
    var money = document.orderForm.price.title;
    var working = 0;
    var total = 0;
    if (price.checked)
    {
    money+working
    }
    document.write
    }

    I've been at this for hours and haven't made any head way, any ideas are welcomed!

  2. #2
    Join Date
    Nov 2007
    Posts
    425
    For checkboxes and radio buttons, I find a helper function to be very useful.

    Here is one that I use in a demo on my site @ http://wwwjasondahlin.com/2011/codin...validation.asp

    Code:
    function getCheckedValue(radioName) {
        var radioObj = document.getElementsByName(radioName);
        if(!radioObj)
            return "";
        var radioLength = radioObj.length;
        if(radioLength == undefined)
            if(radioObj.checked)
                return radioObj.value;
            else
                return "";
        for(var i = 0; i < radioLength; i++) {
            if(radioObj[i].checked) {
                return radioObj[i].value;
            }
        }
        return "";
    }
    You pass it the name of the checkbox (or radio-button group) that you want the value for, and it returns either a value or (blank).

    e.g.,
    If you have checkboxes named cbx1 and cbx 2 and the value for each is a number, you can get the sum of the checked checkboxes like this:
    Code:
    var valCBX1 = parseFloat(getCheckedValue(cbx1)) 
    var valCBX2 = parseFloat(getCheckedValue(cbx2))
    var total = valCBX1 + valCBX2;
    alert(total);

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles