Jump to content
Larry Ullman's Book Forums

Search the Community

Showing results for tags 'ch10'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Single Editions
    • Modern Javascript: Develop and Design
    • The Yii Book
    • Effortless Flex 4 Development
    • Building a Web Site with Ajax: Visual QuickProject
    • Ruby: Visual QuickStart Guide
    • C++ Programming: Visual QuickStart Guide
    • C Programming: Visual QuickStart Guide
    • Adobe AIR: Visual QuickPro Guide
  • PHP and MySQL for Dynamic Web Sites: Visual QuickPro Guide
    • PHP and MySQL for Dynamic Web Sites: Visual QuickPro Guide (5th Edition)
    • PHP and MySQL for Dynamic Web Sites: Visual QuickPro Guide (4th Edition)
    • PHP 6 and MySQL 5 for Dynamic Web Sites: Visual QuickPro Guide (3rd Edition)
    • PHP and MySQL for Dynamic Web Sites: Visual QuickPro Guide (2nd Edition)
    • PHP and MySQL for Dynamic Web Sites: Visual QuickPro Guide (1st Edition)
  • PHP for the Web: Visual QuickStart Guide
    • PHP for the Web: Visual QuickStart Guide (5th Edition)
    • PHP for the Web: Visual QuickStart Guide (4th Edition)
    • PHP for the Web: Visual QuickStart Guide (3rd Edition)
    • PHP for the World Wide Web: Visual QuickStart Guide (2nd Edition)
    • PHP for the World Wide Web: Visual QuickStart Guide (1st Edition)
  • Effortless E-commerce with PHP and MySQL
    • Effortless E-Commerce with PHP and MySQL (2nd Edition)
    • Effortless E-Commerce with PHP and MySQL
  • PHP Advanced: Visual QuickPro Guide
    • PHP Advanced and Object-Oriented Programming: Visual QuickPro Guide (3rd Edition)
    • PHP 5 Advanced: Visual QuickPro Guide (2nd Edition)
    • PHP Advanced: Visual QuickPro Guide
  • MySQL: Visual QuickStart Guide
    • MySQL: Visual QuickStart Guide (2nd Edition)
    • MySQL: Visual QuickStart Guide (1st Edition)
  • Other
    • Announcements
    • Newsletter, Blog, and Other Topics
    • Forum Issues
    • Social

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Found 1 result

  1. Hello Guys, I have been going over the book and wanted to do small exercise..., where I have form with three radio buttons and when clicking each one I am alerted (alert() method) with the value of the radio button. HTML markup looks like: <form action="#" method="post" id="theForm"> <fieldset><legend>Select Radio Button</legend> <div> <p> <input type="radio" name="options" id="a1" value="a1"> a1 <input type="radio" name="options" id="b2" value="b2"> b2 <input type="radio" name="options" id="c3" value="c3"> c3 </p> </div> <div> <p id="res"></p> </div> <input type="submit" value="Submit" id="submit"> </fieldset> </form> JavaScript Code: window.onload = function () { 'use strict'; document.getElementsByName('options').onchange = displaySelection; //document.getElementById('a1').onclick = displaySelection; //document.getElementById('b2').onclick = displaySelection; //document.getElementById('c3').onclick = displaySelection; }; function displaySelection() { 'use strict'; var selection = document.getElementsByName('options'); var result; for (var i = 0, count = selection.length; i < count; i++) { if (selection[i].checked) { result = selection[i].value; alert(result); break; } } } It works perfectly when using onclick event with reference to the id (three lines commented at the beginning) but it does not work when I refere to the element by nameā€¦ with event onchange or onclick. Can you guys explain why is that? Thanks, Tom
×
×
  • Create New...