kindly help meI need like this httpsomethingsomthingwordonetwoampnumber57but i have a code for this which is like httpsomethingsomthingwordtwoampwordoneampnumber5ampnumber7 ltdiv class34panelbody34gt ltdiv class34rowElem34gtcheckbox name1 1 ltinput type34checkbox34 value39one39 name34word34 gtcheckbox name1 2 ltinput type34checkbox34 value39two39 name34word34 gtcheckbox na

Here I have created sample that will help you outHTMLlthtml xmlns34httpwwww3org1999xhtml34gtltheadgt lttitlegtlttitlegt ltscript type34textjavascript34 src34httpajaxgoogleapiscomajaxlibsjquery183jqueryminjs34gtltscriptgt ltscript type34textjavascript34gt function jQuery34inputcheckbox34changefunction if 39inputcheckbox39is39checked39 var data loc 39ltagt39 href windowlocation 0 var word var number if windowlocationhrefindexOfthisname gt 1 alertthisname 39inputtype34checkbox3439eachfunction i if thischecked if thisname 39

Append Comma Seperated values to QueryString Parameter in URL using jQuery

maahibal...

SOLVED CLOSED ACTIVE ANSWERED
User: maahibala
Posted: on Feb 01, 2016 05:47 AM
Forum: jQuery and jQuery Plugins
Answer: 1
Views: 8828
Sample Code: Download

kindly help me.

I need like this "http://something/somthing?word=one,two&number=5,7"

but i have a code for this which is like "http://something/somthing?word=two&word=one&number=5&number=7"

<div class="panel-body">
                <div class="rowElem">
checkbox name_1 1 <input type="checkbox" value='one' name="word"  />
checkbox name_1 2 <input type="checkbox" value='two' name="word"  />
checkbox name_1 3 <input type="checkbox" value='three' name="word"  />
<br><br>
checkbox name_2 1 <input type="checkbox" value='1' name="number"  />
checkbox name_2 2 <input type="checkbox" value='2' name="number"  />
checkbox name_2 3 <input type="checkbox" value='3' name="number"  />
<br><br>
<p>

</p>
</div></div>

jQuery("input:checkbox").change(function () {
    if ($('input:checkbox').is(':checked')) {
    		var data = [],
        loc = $('<a>', { href: window.location })[0];
      if (window.location.href.indexOf(this.name) > -1) {
        alert(this.name);
      }
      $('input[type="checkbox"]').each(function (i) {
        if (this.checked) {
          data.push(this.name + '=' + this.value);                             
        }
      });
      data = data.join('&');
      
      $('p').html(loc.pathname + '?' + data);
      
    }
 });

you can try this in jsfiddle.net with jQuery1.10.1

Shashika...

0 1

Reply
ANSWER
User: Shashikant
Replied: on Feb 01, 2016 05:48 AM
Modified: on Feb 16, 2016 03:13 AM
Report

Here I have created sample that will help you out.

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            jQuery("input:checkbox").change(function () {
                if ($('input:checkbox').is(':checked')) {
                    var data = [],
                    loc = $('<a>', { href: window.location })[0];
                    var word = [];
                    var number = [];
                    if (window.location.href.indexOf(this.name) > -1) {
                        alert(this.name);
                    }
                    $('input[type="checkbox"]').each(function (i) {
                        if (this.checked) {
                            if (this.name == 'word') {
                                word.push(this.value);
                            } else if (this.name = 'number') {
                                number.push(this.value);
                            }
                        }
                    });
                    if (word.length != 0) {
                        data.push('word=' + (word.length > 1 ? word.join(',') : word[0]));
                    }
                    if (number.length != 0) {
                        data.push('number=' + (number.length > 1 ? number.join(',') : number[0]));
                    }
                    data = data.join('&');
                    $('p').html(loc.pathname + '?' + data);
                }
            });
        });
    </script>
</head>
<body>
    <div>
        <div class="rowElem">
            checkbox name_1 1
            <input type="checkbox" value='one' name="word" /><br />
            checkbox name_1 2
            <input type="checkbox" value='two' name="word" /><br />
            checkbox name_1 3
            <input type="checkbox" value='three' name="word" /><br />
            <br />          
            checkbox number_2 1
            <input type="checkbox" value='1' name="number" /><br />
            checkbox number_2 2
            <input type="checkbox" value='2' name="number" /><br />
            checkbox number_2 3
            <input type="checkbox" value='3' name="number" /><br />
            <br>
            <br>
            <p>
            </p>
        </div>
    </div>
</body>
</html>

Demo

Append Comma Seperated values to QueryString Parameter in URL using jQuery

Company

Explore

Follow us

Contact Us