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

You want something like this then. There may be errors as I havent tested

var names = [];

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

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

Then do something with the names array

Edit - See jsfiddle http://jsfiddle.net/vpg3r/3/

Answer 2

我认为对你来说最好的解决方案是使用jQuery。你可以使用类似的东西：

$('#notApprovedUsers input[type=checkbox]:checked')

获取所有被检查的元素，并使用它们。我为您创建了一个 JSFiddle 来演示如何实现我所描述的行为。您可以在此链接中看到它。