javascript - 如何通过javascript从复选框中获取仅可见和选中的值？

Question

如何通过 javascript 获取仅可见并从复选框中选中的值？

https://jsfiddle.net/ytbvd6px/1/

来自 html 代码。它有 3 个选中的复选框和 1 个 diaplay : none(复选框值 = 3

)

当按下按钮时，我想获取仅可见且选中的复选框的值。在这种情况下，我想提醒 1-4-

我该怎么办？

<script>
function test_fn(){
    var cboxes = document.getElementsByName('test_name[]');
    var len = cboxes.length;
    var pack_value = '';
    for (var i=0; i<len; i++) {
        if(cboxes[i].checked != false)
        {
            pack_value += cboxes[i].value+"-";
        }
    }

    alert(pack_value);    
}
</script>

Answer 1

您可以在 if 条件中添加 cboxes[i].style.display != 'none'，如下所示
if (cboxes[i].checked != false && cboxes[i].style.display != 'none')
Demo