Jump to content

radio group value not inserted


dflow

Recommended Posts

im playing around with a rating star jquery, i trying to get the value from the radio group but it is not selected???

<?php require_once('Connections/international.php'); ?>


<? mysql_query("SET NAMES 'utf8'")?>

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>jQuery Star Rating Plugin v3.13 (2009-03-26)</title>
<script src='http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.js' type="text/javascript"></script>
<script src='http://jquery-star-rating-plugin.googlecode.com/svn/trunk/documentation.js' type="text/javascript"></script>
<link href='http://jquery-star-rating-plugin.googlecode.com/svn/trunk/documentation.css' type="text/css" rel="stylesheet"/>
<script type="text/javaScript" src="http://www.fyneworks.com/jquery/project/chili/jquery.chili-2.0.js"></script>
<script type="text/javascript">try{ChiliBook.recipeFolder="/jquery/project/chili/"}catch(e){}</script>
<script src='http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.MetaData.js' type="text/javascript" language="javascript"></script>
<script src='http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.js' type="text/javascript" language="javascript"></script>

<link href='http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.css' type="text/css" rel="stylesheet"/>
</head>
<body>
<a name="top"></a>
<div id="wrap">
  <div id="body">
    <div id="documentation" class="tabs">
      <div id="tab-Testing">
        <h2>Test Suite</h2>
        <script type="text/javascript" language="javascript">
$(function(){ 
$('#form1 :radio.star').rating(); 
$('#form2 :radio.star').rating({cancel: 'Cancel', cancelValue: '0'}); 
$('#form3 :radio.star').rating(); 
$('#form4 :radio.star').rating(); 
});
</script>
        <script>
$(function(){
$('#tab-Testing form').submit(function(){
  $('.test',this).html('');
  $('input',this).each(function(){
   if(this.checked) $('.test',this.form).append(''+this.name+': '+this.value+'<br/>');
	});
  return false;
});
});
</script><div class="Clear"> </div>

        <form name="form1" id="form1" method="POST">
          <strong style='font-size:150%'>Test 2</strong> - With defaults ('checked')
          <table width="100%" cellspacing="10"> <tr>
            <td valign="top" width="">
              <table width="100%">
                
                <tr>
                  <td valign="top" width="50%">
                    <div class="Clear">
                      Rating 1:
                      (N/M/Y, default M)
                      </div>
                    <div class="Clear">
                      <input class="star" type="radio" name="rating1" value="0" id="rating1_0" title="0"/>
                      <input class="star" type="radio" name="rating1" value="1" id="rating1_1" title="1"/>
                      <input class="star" type="radio" name="rating1" value="2" id="rating1_2" title="2"/>
                   
                      </div>
                    <div class="Clear">
                      Rating 2:
                      (10 - 50, default 30)
                      </div>
                    <div class="Clear">
                      <input class="star" type="radio" name="rating22" value="10"/>
                      <input class="star" type="radio" name="rating22" value="20"/>
                      <input class="star" type="radio" name="rating22" value="30" checked="checked"/>
                      
                      <input class="star" type="radio" name="rating22" value="40"/>
                      <input class="star" type="radio" name="rating22" value="50"/>
                      </div>
                    <div class="Clear">
                      Rating 3:
                      (1 - 7, default 4)
                      </div>
                    <div class="Clear">
                      <input class="star" type="radio" name="rating23" value="1"/>
                      <input class="star" type="radio" name="rating23" value="2"/>
                      <input class="star" type="radio" name="rating23" value="3"/>
                      <input class="star" type="radio" name="rating23" value="4" checked="checked"/>
                      <input class="star" type="radio" name="rating23" value="5"/>
                      <input class="star" type="radio" name="rating23" value="6"/>
                      <input class="star" type="radio" name="rating23" value="7"/>
                      </div>
                    </td>
                  <td valign="top" width="50%">
                    
                    <div class="Clear">
                      Rating 4:
                      (1 - 5, default 1)
                      </div>
                    <div class="Clear">
                      <input class="star" type="radio" name="rating24" value="1" title="Worst" checked="checked"/>
                      <input class="star" type="radio" name="rating24" value="2" title="Bad"/>
                      <input class="star" type="radio" name="rating24" value="3" title="OK"/>
                      <input class="star" type="radio" name="rating24" value="4" title="Good"/>
                      <input class="star" type="radio" name="rating24" value="5" title="Best"/>
                      </div>
                    <div class="Clear">
                      Rating 5:
                      (1 - 5, default 5)
                      </div>
                    <div class="Clear">
                      <input class="star" type="radio" name="rating25" value="1"/>
                      <input class="star" type="radio" name="rating25" value="2"/>
                      <input class="star" type="radio" name="rating25" value="3"/>
                      
                      <input class="star" type="radio" name="rating25" value="4"/>
                      <input class="star" type="radio" name="rating25" value="5" checked="checked"/>
                      </div>
                    <div class="Clear">
                      Rating 6 (readonly):
                      (1 - 5, default 3)
                      </div>
                    <div class="Clear">
                      <input class="star" type="radio" name="rating26" value="1" disabled="disabled"/>
                      <input class="star" type="radio" name="rating26" value="2" disabled="disabled"/>
                      <input class="star" type="radio" name="rating26" value="3" disabled="disabled" checked="checked"/>
                      <input class="star" type="radio" name="rating26" value="4" disabled="disabled"/>
                      <input class="star" type="radio" name="rating26" value="5" disabled="disabled"/>
                      </div>
                    </td>
                  </tr>
                </table>
              </td>
            
            <td valign="top" width="5"> </td> <td valign="top" width="50">
              <input type="submit" value="Submit" name="submit"/> </td>
            <td valign="top" width="5"> </td> <td valign="top" width="160">
              <u>Test results</u>:<br/><br/>
              <div class="test Smaller">
                <span style="color:#FF0000">Results will be displayed here</span>
                </div>
              </td>
            </tr>
          </table>
     
          
        
        <script>
$(function(){
$('.hover-star').rating({
  focus: function(value, link){
    // 'this' is the hidden form element holding the current value
    // 'value' is the value selected
    // 'element' points to the link element that received the click.
    var tip = $('#hover-test');
    tip[0].data = tip[0].data || tip.html();
    tip.html(link.title || 'value: '+value);
  },
  blur: function(value, link){
    var tip = $('#hover-test');
    $('#hover-test').html(tip[0].data || '');
  }
});
});
</script>
        <div class="Clear"> </div><div class="Clear"> </div>
      </div>
    </div>
</div>
<div id="push"></div>
</div>
</form>
</body></html>

<?php

mysql_select_db($database_international, $international);

  $query=mysql_query("INSERT INTO ratings_tbl (Comfort) VALUES ('$_POST[rating1]'')");													  
			$selected_radio = $_POST['rating1'];
echo $selected_radio;										 
       var_dump($_POST);                                
   
   
   ;?>

Link to comment
https://forums.phpfreaks.com/topic/230335-radio-group-value-not-inserted/
Share on other sites

If the var_dump($_POST) is showing array(0), then either the form hasn't been submitted, or something is interfering with it, such as the JS. I don't see any logic in the code that checks for form submission.

If the var_dump($_POST) is showing array(0), then either the form hasn't been submitted, or something is interfering with it, such as the JS. I don't see any logic in the code that checks for form submission.

congrats on the 5K!

 

how should i test the form submission?

Many people use if( isset($_POST['name_of_submit_input_here']) ) { however some browsers handle that value poorly when the user hits enter instead of clicking the button, so that method isn't as reliable as it should be. Adding a hidden field to the form and checking for its value is pretty universally accepted as being reliable.

 

<?php
if( isset($_POST['submitted']) && $_POST['submitted'] == 'yes' ) {
     echo 'Form was submitted.<br>';
     echo '$_POST array contains:<pre>';
     print_r($_POST);
     echo '</pre>';
}
?>
<html>
etc.
<body>
<form method="post" action="">
<input type="text" name="text_input"><br>
<input type="hidden" name="submitted" value="yes">
<input type="submit" value="Send Form">
</form>

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.