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

Question

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

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

从html代码开始。 它具有3个选中的复选框和1个diaplay : none复选框值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')
演示版