javascript - 使用 Javascript 获取复选框的自定义属性

Question

如何获取自定义属性“mem_name”值？

<input class="messageCheckbox" type="checkbox" value="3"  mem_name='ABC' name="checkmember" >
<input class="messageCheckbox" type="checkbox" value="1"  mem_name='PQR' name="checkmember" >

   <input type="button" onclick="resend_invite">

 function resend_invite() {
    if ($('input[name="checkmember"]:checked').length > 0) {
        if (confirm('Are you sure you want to send invite to selected Member?')) {
            var checkboxes = document.getElementsByName('checkmember');
            var vals = "";
            for (var i = 0, n = checkboxes.length; i < n; i++) {
                if (checkboxes[i].checked)
                {
                    vals += checkboxes[i].$(value).attr('mem_id');
                    vals += ",";
                }
            }
            alert(vals);
            return false;
            var vals = vals.replace(/,\s*$/, '');
            var vals = vals.replace(/,\s*$/, '');
            var valsArray = new Array();
            valsArray = vals.split(",");
        }
    } else {
        alert('Please select at least one Member');
        return false;
    }
}

我想要像 ABC、PQR 这样的输出。
我使用了“vals+=checkboxes[i].$(value).attr('mem_id');”
但它不起作用。

Answer 1

您应该使用$(checkboxes[i])来获取jquery对象及其关联的操作和属性。

$(checkboxes[i]).attr('mem_name')

function resend_invite() {
   if ($('input[name="checkmember"]:checked').length > 0) {
        if (confirm('Are you sure you want to send invite to selected Member?')) {
            var checkboxes = document.getElementsByName('checkmember');
            var vals = "";
            for (var i = 0, n = checkboxes.length; i < n; i++) {
                if (checkboxes[i].checked)
                {
                    vals += $(checkboxes[i]).attr('mem_name');
                    vals += ",";
                }
            }
            alert(vals);
            return false;
            var vals = vals.replace(/,\s*$/, '');
            var vals = vals.replace(/,\s*$/, '');
            var valsArray = new Array();
            valsArray = vals.split(",");
        }
    } else {
        alert('Please select at least one Member');
        return false;
    }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="messageCheckbox" type="checkbox" value="3"  mem_name='ABC' name="checkmember" >
<input class="messageCheckbox" type="checkbox" value="1"  mem_name='PQR' name="checkmember" >

   <input type="button" onclick="resend_invite()" value="Resend">

您可以使用 getAttribute 方法，使用纯 javascript 来完成此操作。

function resend_invite() {
   if ($('input[name="checkmember"]:checked').length > 0) {
        if (confirm('Are you sure you want to send invite to selected Member?')) {
            var checkboxes = document.getElementsByName('checkmember');
            var vals = "";
            for (var i = 0, n = checkboxes.length; i < n; i++) {
                if (checkboxes[i].checked)
                {
                    vals += checkboxes[i].getAttribute('mem_name');
                    vals += ",";
                }
            }
            alert(vals);
            return false;
            var vals = vals.replace(/,\s*$/, '');
            var vals = vals.replace(/,\s*$/, '');
            var valsArray = new Array();
            valsArray = vals.split(",");
        }
    } else {
        alert('Please select at least one Member');
        return false;
    }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="messageCheckbox" type="checkbox" value="3"  mem_name='ABC' name="checkmember" >
<input class="messageCheckbox" type="checkbox" value="1"  mem_name='PQR' name="checkmember" >

   <input type="button" onclick="resend_invite()" value="Resend">