如何通过jquery或javascript获取复选框输入值?

时间:2011-06-15 06:30:41

标签: javascript jquery

输入复选框代码:

<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>........

按钮代码:

<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>

现在,我想点击copy the checked link按钮。它会将选中的输入值复制到剪贴板吗?我该怎么办?

3 个答案:

答案 0 :(得分:4)

试试这个,

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

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

          });
          alert(selectedCheckboxValue);
   });

点击此处查看工作演示。 http://jsfiddle.net/t5TKm/

答案 1 :(得分:0)

如果没有flash,silverlight或其他一些富客户端插件,则无法复制到剪贴板。

但是,这是这个问题的答案:How do I copy to the clipboard in JavaScript?

并且:How to retrieve checkboxes values in jQuery

答案 2 :(得分:0)

您可以使用document.getElementByTag('VD10').checked检查复选框是否已选中