Javascript : function bind. 单击＆每个复选框

Question

我有一些组合框，每个组合框都有值并按类和 ID 分组

<input type="checkbox" value="A" class="box-1" id="ID_1">
<input type="checkbox" value="B" class="box-1" id="ID_1">
<input type="checkbox" value="C" class="box-2" id="ID_2"> 
<input type="checkbox" value="D" class="box-2" id="ID_2">

如果用户单击按钮，则选中每个框，如果选中，则将值和 ID 存储到变量。

编辑:

JS:

$('#button').bind('click', function() {

var box = '';
var p =0;
var count = document.getElementById("count").value; // for count total class checkbox 

for(d=1; d <= count; d++){

    p = 0;
    $('.box-' + d).each(function(item){ // each box-1/2/3
        if(this.checked){
            if(p == 0)
            {
                var name = this.value.replace(/\s/g, '');
                box += '&' + ($(this).attr('id')) + '=' + '&' + encodeURIComponent(name).toLowerCase());
                p+=1;
                alert(box);
            }
            else
            {
                var href = ($(this).attr('id')) + '=';
                var name_2 = this.value.replace(/\s/g, '');
                box += href + '&' + encodeURIComponent(name_2).toLowerCase());
                p+=1;
            }       
        }
    });
}

alert(box);
//location = url;
});

示例案例:选中的组合框是A & D我期望的是 &ID_1=&AID_2=&D (这是不同的 ID)，如果相同的 ID = &ID_1=&A&D

当我尝试警报时，它什么也不显示('')，但是当我在 if( p== 0) 内尝试警报(框)时，它的结果是 1&ID_1=A 和 0&ID_2= &D.

尝试检查这个here

Answer 1

 change your code into like this

    $('#button').bind('click', function() {

    var boxval="";
    //&ID_1=&AID_2=&D
    $("input[class^='box-']").each(function(){

    if($(this).is(':checked'))
    {

    boxval += $(this).attr('id') +'=&' + $(this).attr('value');
    }
    });

    if(boxval !='')
    alert(boxval)
    else
    alert("nothing will selected");

    });




 below is the working fiddle

https://jsfiddle.net/17hxsa9r/