Solved

How to split words into | (pipe sign)

Posted on 2014-04-25
8
367 Views
Last Modified: 2014-04-25
Hi there

Hope all is ok.

I have this code:

    function fun_get() {
        var ele = jQuery('input[name=CheckboxStatus]:checked').map(function () {
            return this.value;
        }).get().join()
      
        return ele;
    }

Open in new window


and I have a checkbox when I select for example the checkbox "blue" and running the function above I get:

blue

HOWEVER, if I check 2 or more checkboxes I get

blue,red,green

can someone please help me with the JS code, What I want is if I select 1 option it should be for example (as seen below):

blue

If I select more then 1 it should be

blue|red|green

as you can see it places a pipe sign IF there are more then 1 selected, also as you can see there is NOT a pipe sign at the end of the string.

hope someone can come back to me.

thanks
0
Comment
Question by:mousemat24
  • 5
  • 3
8 Comments
 
LVL 22

Expert Comment

by:plusone3055
ID: 40022677
a
0
 

Author Comment

by:mousemat24
ID: 40022683
it is part of jquery
0
 

Author Comment

by:mousemat24
ID: 40022688
or I can use this, but it still creates the same problem

    function getCheckBoxValues(checkboxName) {
        var checkboxVals = [];
        $('input:checkbox[name=CheckboxStatus]:checked').each(function (index) {
            checkboxVals.push($(this).val());            
        })          
    }

Open in new window

0
The New “Normal” in Modern Enterprise Operations

DevOps for the modern enterprise offers many benefits — increased agility, productivity, and more, but digital transformation isn’t easy, especially if you’re not addressing the right issues. Register for the webinar to dive into the “new normal” for enterprise modern ops.

 
LVL 22

Accepted Solution

by:
plusone3055 earned 500 total points
ID: 40022692
the separation is happening inside the JQuery script with the Comma

not with in the code you provided.

search through the jQuery script (particulalrly the join function)  and find the Comma separator and change the  "," to a "|" and you'll be good to go  :)
0
 

Author Comment

by:mousemat24
ID: 40022697
problem is I cant really do that, because some other part of the site uses that
0
 
LVL 22

Expert Comment

by:plusone3055
ID: 40022703
never fear
duplicate the join function in the Jquery and call it Join2 and use the join2 function where you need it.
0
 

Author Closing Comment

by:mousemat24
ID: 40022704
you are correct, all I had to do was


join("|")
0
 

Author Comment

by:mousemat24
ID: 40022705
thanks for the tip
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction Got endorsements from your clients?  Great!  There is almost nothing better than word-of-mouth advertising.  But how can you do that on the internet?  Sure you can make a page for endorsement quotations and list them all, but who is …
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

808 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question