www.webdeveloper.com
Results 1 to 10 of 10

Thread: Help radio buttons

  1. #1
    Join Date
    Oct 2012
    Location
    istanbul
    Posts
    64

    Help radio buttons

    Hello,


    I am creating radio buttons with the code below.
    Visitor has to choose one thing with JavaScript.
    How do I do? I am inexperienced. Please, Can you give me an example one of codes?
    PHP Code:
          <?php
          
    while ($row mysql_fetch_array($quadlnbsistem_tipi)) {
          
    ?>
        <tr>
          <td class="table_body2" width="30%"><?=$row['lnb_markasi']?></td>
          <td class="table_body2" width="27%"><?=$row['lnb_tipi']?></td>
          <td class="table_body2" width="26%"><?=$row['lnb_cikisi']?></td>
          <td class="table_body2" width="8%"><?=$row['lnb_fiyati']?><?=$row['lnb_para_birimi']?></td>
          <td class="table_body2" width="9%"><input type="radio" value="<?=$row['id']?>" name="secilenlnbtipi_id"></td>
        </tr>
        <?php
         
    }
         
    ?>
    Thanks

  2. #2
    Join Date
    Nov 2006
    Location
    Oakland
    Posts
    500
    function validateForm(frm){
    var radios=frm.secilenlnbtipi_id; //radio button as an array-like object
    var n=radios.length; //the total number of radio buttons
    for(var i=0; i<n; i++){
    if(radios[i].checked]) return true;
    }

    alert('You must choose one item");
    return false;
    }


    You need to however have you HTML inside a

    <form action="..." method="post" name="myform" onsubmit="return validateForm(this)">
    <?php
    while ($row = mysql_fetch_array($quadlnbsistem_tipi)) {
    ?>
    <tr>
    <td class="table_body2" width="30%"><?=$row['lnb_markasi']?></td>
    <td class="table_body2" width="27%"><?=$row['lnb_tipi']?></td>
    <td class="table_body2" width="26%"><?=$row['lnb_cikisi']?></td>
    <td class="table_body2" width="8%"><?=$row['lnb_fiyati']?><?=$row['lnb_para_birimi']?></td>
    <td class="table_body2" width="9%"><input type="radio" value="<?=$row['id']?>" name="secilenlnbtipi_id"></td>
    </tr>
    <?php
    }
    ?>
    </form>

  3. #3
    Join Date
    Oct 2012
    Location
    istanbul
    Posts
    64
    Thanks for the reply

    Not working,
    Sample
    PHP Code:
    <html>

    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
    <
    script type="text/javascript">
    function 
    validateForm(frm){
    var 
    radios=frm.secilenlnbtipi_id//radio button as an array-like object
    var n=radios.length//the total number of radio buttons
    for(var i=0i<ni++){
    if(
    radios[i].checked]) return true;
    }

    alert('You must choose one item");
    return false;
    }
    </script>
    </head>

    <body>

    <form method="POST" action="adim.php" name="myform" onsubmit="return validateForm(frm)">
      <p><input type="radio" value="V1" name="secilenlnbtipi_id"></p>
      <p><input type="radio" value="V2" name="secilenlnbtipi_id"></p>
      <p><input type="radio" value="V3" name="secilenlnbtipi_id"></p>
      <p><input type="radio" value="V4" name="secilenlnbtipi_id"></p>
      <p><input type="radio" value="V5" name="secilenlnbtipi_id"></p>
      <p><input type="radio" value="V6" name="secilenlnbtipi_id"></p>
      <p><input type="submit" value="Gönder" name="B1">
      <input type="reset" value="Sıfırla" name="B2">
      </p>
    </form>

    </body>

    </html> 
    Thanks

  4. #4
    Join Date
    Nov 2006
    Location
    Oakland
    Posts
    500
    Correct the typo:
    for(var i=0; i<n; i++){
    if(radios[i].checked]) return true;

    into
    if(radios[i].checked) return true;

    learn to use the javascript console in your web browser to spot those syntax errors and make corrections.

    The Javascript in the opening form tag: onsubmit="return validateForm(this)"
    should be left as is. Do not replace the "this" by "frm"
    Last edited by holyhttp; 10-19-2012 at 01:01 AM.

  5. #5
    Join Date
    Oct 2012
    Location
    istanbul
    Posts
    64
    Ok, Thank you very much

  6. #6
    Join Date
    Oct 2012
    Location
    istanbul
    Posts
    64
    hello again,

    How do I make multiple radios groups

    grup1
    grup1
    grup1

    grup2
    grup2
    grup2

    grup3
    grup3
    grup3
    grup3
    For each group mandatory select one.

    Thanks

  7. #7
    Join Date
    Oct 2012
    Location
    istanbul
    Posts
    64
    Can you help please?

  8. #8
    Join Date
    Oct 2012
    Location
    Gujarat, India.
    Posts
    35
    Ok First of all learn to close your input tags
    <input type="something" />

    Then for groups, just change the name in <input> like ...

    HTML Code:
    <p>Member for group 1<input type="radio" value="v1" name="group1"></input></p>
    <p>Member for group 1<input type="radio" value="v1" name="group1"></input></p>
    <p>Member for group 2<input type="radio" value="v1" name="group2"></input></p>
    <p>Member for group 2<input type="radio" value="v1" name="group2"></input></p>
    <p>Member for group 3<input type="radio" value="v1" name="group3"></input></p>
    <p>Member for group 3<input type="radio" value="v1" name="group3"></input></p>

  9. #9
    Join Date
    Oct 2012
    Location
    istanbul
    Posts
    64
    Both groups need to control for the select are required

    PHP Code:
    <script type="text/javascript">
    function 
    validateForm(frm){
    var 
    radios=frm.secilenkablotipi_id;
    var 
    n=radios.length
    for(var 
    i=0i<ni++){
    if(
    radios[i].checked) return true;
    }

    alert('You must choose one item');
    return 
    false;
    }
    </script> 

    while ($row = mysql_fetch_array($1groupradios)) {
    radios group1
    }

    while ($row = mysql_fetch_array($2groupradios)) {
    radios group2
    }

    Thanks

  10. #10
    Join Date
    Oct 2012
    Location
    istanbul
    Posts
    64
    Please, Can someone help?

Thread Information

Users Browsing this Thread

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

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