javascript - 如何使用 javascript 或 jquery 通过选中的复选框获取用户名？

Question

我

HTML

  <div id="notApprovedUsers">

                            </div><button onclick="approveUsers()">Approve</button>
                            </div>

我喜欢在参数 userList 中获取已检查的用户来使用。

这是 javascript，我生成包含用户和复选框的列表。我当然喜欢只批准已检查的!

JavaScript

function getNotAssignedUsers() {

server.getUsersByGroup("1eb33e30-c355-467f-af3c-e7d0b4a1fgt5").then(function (userDetails) {
    debugger;

    for (var i = 0; i < userDetails.length; i++)
    {
        var vorname = userDetails[i].firstName;
        var nachname = userDetails[i].lastName;

        var newCheckBox = document.createElement('input');
        newCheckBox.type = 'checkbox';
        newCheckBox.id = "0"+i;
        document.getElementById("notApprovedUsers").appendChild(newCheckBox);


        var newElement = document.createElement('div');
        newElement.id = i;
        newElement.className = "notApprovedUsers";
        newElement.innerHTML = vorname + " " + nachname;
        document.getElementById("notApprovedUsers").appendChild(newElement);
    }                                         
});

}

此处在 userList 中我需要读取已选中的用户..

function approveUsers(userList)
{
    var user1 = document.getElementById("00").checked;
    var user2 = document.getElementById("01").checked;
    var user3 = document.getElementById("02").checked;

    alert(user1 || user2 || user3);
}

Answer 1

那么你想要这样的东西。由于我没有测试过，可能会有错误

var names = [];

$('input[type=checkbox]:checked').each(function(index, value){

    var name = $(value).next("div").html();
    names.push(name);
});

然后对名称数组执行一些操作

编辑 - 请参阅 jsfiddle http://jsfiddle.net/vpg3r/3/