how to get the checked box input value by jquery or javascript?

Question

the input check box code:

<li class="odd"><input type="checkbox"  class="forminput" name="VD10" checked="checked" value="http://test1.com">
<a href="#">example 1</a></li>

<li class="even><input type="checkbox"  class="forminput" name="VD11" checked="checked" value="http://test2.com">
<a href="#">example 1</a></li>

<li class="odd"><input type="checkbox"  class="forminput" name="VD12" checked="checked" value="http://test3.com">
<a href="#">example 1</a></li>........

the button code:

<li>
<input type="checkbox" id="checkall" name="checkall" checked="checked"> 
<label for="checkall">check all</label>
<input type="button" value="copy the checked link" class="button">
</li>

now, i want to do when click the copy the checked link button. it will copy the checked input value to the clipboard? how do i do?

If only one link should be checked, you should be using radio buttons, not check boxes. If more than one can be checked, which one do you want copied? — Alnitak
– Alnitak, Commented Jun 15, 2011 at 6:32
the number of links will be copied which are optionally.as there may be one or more check boxes be checked — runeveryday
– runeveryday, Commented Jun 15, 2011 at 6:36

Sahal · Accepted Answer · 2011-06-15 07:14:46Z

3

Try this,

$(".button").click( function () {
           var selectedCheckboxValue = "";
          $('input.forminput:checked').each(function() {

                  selectedCheckboxValue += $(this).val() + ", ";

          });
          alert(selectedCheckboxValue);
   });

click here see the working demo. http://jsfiddle.net/t5TKm/

edited Jun 15, 2011 at 7:14

answered Jun 15, 2011 at 7:01

Sahal

4,15616 gold badges45 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

runeveryday Over a year ago

i want to output the result one by one. namely. the value shows as line by line. and no sign , after it? how do i do?

runeveryday Over a year ago

if i delete the "," comma, when i checked two box. the output only have one result. not two results. why?

Rakesh Sankar Over a year ago

Just use selectedCheckboxValue += $(this).val() + "\n"; instead of selectedCheckboxValue += $(this).val() + ", "; - That will give you the output line by line

Rakesh Sankar Over a year ago

Use zeroclipboard this to capture the output in the clipboard works on all platform.

Community · Accepted Answer · 2017-05-23 12:20:01Z

0

You can't copy to the clipboard without flash, silverlight, or some other rich-client plugin.

But, here is the answer to that question: How do I copy to the clipboard in JavaScript?

And: How to retrieve checkboxes values in jQuery

edited May 23, 2017 at 12:20

CommunityBot

11 silver badge

answered Jun 15, 2011 at 6:34

Steve

31.7k19 gold badges101 silver badges123 bronze badges

1 Comment

Steve Over a year ago

The two links in my answer address that situation.

Balanivash · Accepted Answer · 2011-06-15 06:37:15Z

0

You can use the document.getElementByTag('VD10').checked to check if the checkbox is checked or not

answered Jun 15, 2011 at 6:37

Balanivash

6,8919 gold badges34 silver badges48 bronze badges

1 Comment

Balanivash Over a year ago

Only IE provides functionality to Copy to clipboard in windows, for rest you need flash

Collectives™ on Stack Overflow

how to get the checked box input value by jquery or javascript?

3 Answers 3

4 Comments

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related