CODEWITHSUNDEEP
javascriptjquery
lazyme114
lazyme114

Reputation: 299

Two Radio Button category

Gender

<input type='radio' name='gender' value='male'>Male
<input type='radio' name='gender' value='female'>Female
<input type='radio' name='gender' value='kid'>Kid

Brand

<input type='radio' name='brand' value='brand1'>Brand1
<input type='radio' name='brand' value='brand2'>Brand2
<input type='radio' name='brand' value='brand3'>Brand3

<script>
$(document).ready(function() {
$('.chkbox').on('change', function() {
if ($(this).is(':checked')) {
  var url = 'url.php?' + $(this).val();
  console.log(url);

  window.location = url;
}
});
});
</script>

I want the url to be like url.php?brand=$brand&&gender=$gender plz help

Upvotes: 0

Views: 65

Answers (1)

Oen44
Oen44

Reputation: 3206

There you go.

$(document).ready(function() {
  $('input[type="radio"]').on('change', function() {
    var url = 'url.php?';
    $('input[type="radio"]').each(function(index, obj) {
      if (obj.checked)
        url += obj.name + '=' + obj.value + '&';
    });

    url = url.slice(0, url.lastIndexOf('&'));

    console.log(url);

    //window.location = url;
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type='radio' name='gender' value='male'>Male
<input type='radio' name='gender' value='female'>Female
<input type='radio' name='gender' value='kid'>Kid

<input type='radio' name='brand' value='brand1'>Brand1
<input type='radio' name='brand' value='brand2'>Brand2
<input type='radio' name='brand' value='brand3'>Brand3

Upvotes: 1

Related Questions