javascript - 复选框订单 Javascript

Question

我创建了一个将所有选中项目放入文本区域的函数。但我的问题是选中项目的显示已编入索引。

例如:

[x] checkbox1(第二个勾)
[x] checkbox2(第一次打勾)
[x] checkbox3(第三个勾)

现在显示是这样的

复选框1->复选框2->复选框3

应该是checkbox2->checkbox1->checkbox3

函数如下:

function checkTick()
{

    $('input[type=checkbox]').change(function () {
            var selectedvalue=[];
            $(":checkbox:checked").each(function(){

                selectedvalue.push($(this).attr("value"));

            });
            document.getElementById('txtSignOff').value = selectedvalue.join("->");

        });

}

Answer 1

全局范围:在全局范围内设置变量selectedvalue。与其推送每个复选框值，不如仅推送当前复选框值。

取消选中时弹出值:取消选中/取消选中复选框时，应从数组中弹出相应的值，前提是数组中的所有值都应该不同。

var selectedvalue=[];    

    $('input[type=checkbox]').change(function () {
                //If checked then push the value
                if($(this).is(":checked")){
                    selectedvalue.push($(this).attr("value"));
                }else{
                   //This is what pops the value from the array when the checkbox is unchecked.
                    selectedvalue.splice(selectedvalue.indexOf($(this).attr("value")),1); 
                }
                document.getElementById('txtSignOff').value = selectedvalue.join("->");    
    });

函数 block 化:您不需要将其 block 化到函数checkTick中。当事件发生时，jQuery 实用程序会为您提供这样的东西。