Question

我在页面上有一系列复选框，我想将所有选中的框的值传递给颜色框覆盖/辅助页面。

在这种情况下，我希望colourbox打开iframe，以便将值添加到url中。

Answer 1

var url = "http://example.com?value=" + $('input[checkbox]').val();

或者

var url = "http://example.com?checked=" + $('input[checkbox]').attr("checked");

Answer 2

上面的答案仅适用于带有彩色框叠加的多个复选框的单个复选框

HTML

<a href="#" class="colorboxsend">

JS

<script type="text/javascript">

 $(document).ready(function () {

     $("a#colorboxsend").click(function () {

         var allVals = [];
         $('input[type="checkbox"]').each(function () {
             if ($(this).is(':checked')) {
                 allVals.push($(this).val());
             };

             var url = "http://localhost:60980/mypages.aspx?pv=" + allVals;
             $(this).attr("href", url);

             $("a#colorboxsend").colorbox({ href: url });
         });

     });
 });

这将生成一个类似？values = val1，val2，val3

的数组

将复选框值传递给颜色框叠加层

2 个答案: