how to pass radio button value with jquery & PHP?

Question

I am using this javascript and php code to pass value of input field on keyup. which is working fine. But i want to add some radio buttons and unable to pass their value. THe code I am using is :

HTML

<div class="header-right">
<input style="width:150px;" id="searchData" type="text"><br> 
<input type="radio" id="advsrch" name="advsrch" value="name">Name
<input type="radio" id="advsrch" name="advsrch" value="city">City
</div>

Javascript

$(document).ready(function(){

    var advsrch = "";
var selected = $("input[type='radio'][name='advsrch']:checked");
    advsrch = selected.val();


$('#results').html('<p style="padding:5px;">Enter a search term to start filtering.</p>');

  $('#searchData').keyup(function() {

 var searchVal = $(this).val();
      if(searchVal !== '') {

         $.get('search_data/search-data.php?searchData='+searchVal+advsrch, function(returnData) {
             if (!returnData) {
                $('#results').html('<p style="padding:5px;">Search term entered does not return any data.</p>');
            } else {
                $('#results').html(returnData);
            }
        });
    } else {
        $('#results').html('<p style="padding:5px;">Enter a search term to start filtering.</p>');
    }

    });

});

and then getting value in PHP

$param = $_GET["searchData"];
$advsrch = $_GET["advsrch"];

and here i am getting value of searchData but not advsrch

http://stackoverflow.com/questions/9618504/get-radio-button-value-with-javascript — Demonyowh, Jun 26 '15 at 08:02

Unni Babu · Accepted Answer · 2015-06-26T08:29:16.087

Updated,(shown below),tested and works 100%(screenshot submitted)


    <script src="https://code.jquery.com/jquery-2.1.4.js"></script>

    <div class="header-right">
        <input style="width:150px;" id="searchData" type="text"><br>
        <input type="radio" id="advsrch" name="advsrch" value="name">Name
    </div>



    <script>
        $(document).ready(function(){

            var advsrch = "";
            var selected = $("input[type='radio'][name='advsrch']:checked");
            advsrch = selected.val();


            $('#results').html('<p style="padding:5px;">Enter a search term to start filtering.</p>');

            $('#searchData').keyup(function() {

                var searchVal = $(this).val();
                if(searchVal !== '') {

                    $.get('search_data/search-data.php',{ searchData:searchVal, advsrch:advsrch }, function(returnData) {
                        if (!returnData) {
                            $('#results').html('<p style="padding:5px;">Search term entered does not return any data.</p>');
                        } else {
                            $('#results').html(returnData);
                        }
                    });
                } else {
                    $('#results').html('<p style="padding:5px;">Enter a search term to start filtering.</p>');
                }

            });

        });
    </script>

enter image description here

i have updated but it's getting javascript error and not working — Jaiffable, Jun 26 '15 at 08:24

score 1 · Answer 2 · answered Jun 26 '15 at 08:03

1

The value of 'advsrch' always seems to be undefined.

Put this following code right after advsrch = selected.val();:

if( $('#advsrch').attr("checked") != 'checked'){
    advsrch=0;
}else{
    advsrch=1;
}

This will set advsrch to 0 if checkbox is not check, else the value will be 1.

answered Jun 26 '15 at 08:03

Ahs N

8,233
1
28
33

i want to get the value of radio button – Jaiffable Jun 26 '15 at 08:24
By value, do you mean the attribute `value="name"` that you defined? Or do you mean as in `true/false`, `0/1`, or `checked/unchecked`? – Ahs N Jun 26 '15 at 08:27
yes the attibute value="name" i need name as a value – Jaiffable Jun 29 '15 at 06:54
`$('#advsrch').attr("name")` returns you `value`. Is that what you need? – Ahs N Jun 30 '15 at 07:33

score 0 · Answer 3 · answered Jun 26 '15 at 07:55

0

You url does't pass advsrch parameter . You url would be

$.get("search_data/search-data.php?searchData="+searchVal+"&advsrch="+advsrc, function(returnData) {

answered Jun 26 '15 at 07:55

Saty

22,443
7
33
51

but by updating with your code i am getting **undefined** from **NULL** value of **advsrch** – Jaiffable Jun 29 '15 at 07:31

score 0 · Answer 4 · answered Jun 29 '15 at 07:50

now i am getting both values scripts like

HTML

<div class="header-right">
<input style="width:150px;" id="searchData" type="text"><br> 
<input type="radio" id="advsrch" name="advsrch" value="name">Name
<input type="radio" id="advsrch" name="advsrch" value="city">City
</div>

Javascript

$(document).ready(function(){

$('#results').html('<p style="padding:5px;">Enter a search term to start filtering.</p>');

  $('#searchData').keyup(function() {

  var advsrch = "";
var selected = $("input[type='radio'][name='advsrch']:checked");
  advsrch = selected.val();

 var searchVal = $(this).val();
      if(searchVal !== '') {

         $.get("search_data/search-data.php?searchData="+searchVal+"&advsrch="+advsrch, function(returnData) {
             if (!returnData) {
                $('#results').html('<p style="padding:5px;">Search term entered does not return any data.</p>');
            } else {
                $('#results').html(returnData);
            }
        });
    } else {
        $('#results').html('<p style="padding:5px;">Enter a search term to start filtering.</p>');
    }

    });

});

how to pass radio button value with jquery & PHP?

4 Answers4