Question

切换复选框值无效。单击复选框时，输入字段的值设置为1.当我再次单击时，该值应为空白

<div class="GruppoCheck">
<input type="checkbox" value="1"/>

</div>
<div id="checkMonitor"></div>
<div id="checkMonitorNUMBER"></div>
<div id="test"></div>

JS：

var CheckFUN = function() {
    var numberCheckedVAR = $('input:checkbox:checked').length;

    var $checkMonitor = $('#checkMonitor').empty();
    $('.GruppoCheck :checkbox:checked').each(function(index) {
        if(index == 0){
            $checkMonitor.append($(this).val());
            var val = $(this).val();
        }
        $('#test').html('<input type="text" id="testi" value="'+val+'"> ');

    }); 
}

$('input[type="checkbox"]').change(function(){
    CheckFUN();
});

Answer 1

要知道是否选中了复选框，您不必使用值，但checked道具;在您的情况下，使用length属性可以使代码变得更简单。

代码：

var totChk=$('.GruppoCheck :checkbox:checked').length;
$('#test').html('<input type="text" id="testi" value="' + totChk + '"> ');

演示：http://jsfiddle.net/IrvinDominin/w5dqq6us/1/

切换复选框值

1 个答案: