Javascript jqueryforeach for复选框

我有用于禁用按钮的jquery 如果选中复选框，则按钮已启用

document.getElementById('disabler').onchange = function() {   
                        if ($(disabler).is( ":checked" ) ){
                            $("#signin_submit").prop('disabled', false);
                            $("#signin_submit").css( 'cursor', 'pointer' );
                        }  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                        }
                    }
                     });

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

有许多复选框，但此代码仅适用于第一个复选框

有许多复选框，但此代码仅适用于第一个复选框

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

ID必须是唯一的。。你应该去上课

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

使用类选择器的示例

$('.disabler').change(function () {
    if ($(this).is(":checked")) {
        $("#signin_submit").prop('disabled', false).css('cursor', 'pointer');
    } else {
        $("#signin_submit").prop('disabled', true).css('cursor', 'not-allowed');
    }
});

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

有许多复选框，但此代码仅适用于第一个复选框

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

ID必须是唯一的。。你应该去上课

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

使用类选择器的示例

$('.disabler').change(function () {
    if ($(this).is(":checked")) {
        $("#signin_submit").prop('disabled', false).css('cursor', 'pointer');
    } else {
        $("#signin_submit").prop('disabled', true).css('cursor', 'not-allowed');
    }
});

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

请尝试仅使用jQuery：

$('#disabler').change(function() {
    if ($(this).is(":checked")) {
        $("#signin_submit").prop('disabled', false).css('cursor', 'pointer');
    }  else { 
        $("#signin_submit").prop('disabled', true).css('cursor', 'not-allowed');
    }
});

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

请尝试仅使用jQuery：

$('#disabler').change(function() {
    if ($(this).is(":checked")) {
        $("#signin_submit").prop('disabled', false).css('cursor', 'pointer');
    }  else { 
        $("#signin_submit").prop('disabled', true).css('cursor', 'not-allowed');
    }
});

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

使用以下命令：

$(document).on("change", "<selector for disablers>", function() {   
    if (this.checked) {
        $("#signin_submit").prop('disabled', false);
        $("#signin_submit").css('cursor', 'pointer');
    } else { 
        $("#signin_submit").prop('disabled', true);
        $("#signin_submit").css('cursor', 'not-allowed');
    }
});

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

$（document）.on（“change”，function（）{
如果（选中此项）{
$（“登录提交”）.prop（'disabled'，false）；
$（“#登录提交”）.css（'cursor'，'pointer'）；
}否则{
$（“登录提交”）.prop（'disabled'，true）；
$（“#登录提交”）.css（'光标'，'不允许'）；
}
});

可能应该是一个类（

.disabler

），而不是id，因为您说您有很多id。

使用以下方法：

$(document).on("change", "<selector for disablers>", function() {   
    if (this.checked) {
        $("#signin_submit").prop('disabled', false);
        $("#signin_submit").css('cursor', 'pointer');
    } else { 
        $("#signin_submit").prop('disabled', true);
        $("#signin_submit").css('cursor', 'not-allowed');
    }
});

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

$（document）.on（“change”，function（）{
如果（选中此项）{
$（“登录提交”）.prop（'disabled'，false）；
$（“#登录提交”）.css（'cursor'，'pointer'）；
}否则{
$（“登录提交”）.prop（'disabled'，true）；
$（“#登录提交”）.css（'光标'，'不允许'）；
}
});

---

可能应该是一个类（

.disabler

），而不是id，因为您说您有很多id。

试试以下方法：

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

---

试试这个：

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

---

如果页面中有多个

禁用器

，首先应使用

类

属性而不是

ID

，然后轻松执行以下操作：

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

$(document).on("change", ".disabler", function(){
    //your stuff
});

ID属性用作唯一的标识符

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

---

检查这项工作

如果页面中有多个

禁用器

，首先应使用

类

属性，而不是

ID

，然后轻松执行以下操作：

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

$(document).on("change", ".disabler", function(){
    //your stuff
});

ID属性用作唯一的标识符

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

---

检查这项工作

我同意，您已经在使用jQuery了，所以请使用它

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

但是，另外，调用jQuery对象的次数太多了。如果要通过解析多次获取jQuery对象，那么应该创建局部变量

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

第二，您可以考虑使用闭包的能力来处理这样的事情：

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

function wireDisabler() {
    // closures
    var $cbxDisabler = $('#disabler');
    var $btnSubmit = $("#signin_submit");
    var fOnChange = function() {
        var bChecked = $cbxDisabler.is(':checked');
        $btnSubmit.prop('disabled', !bChecked)
            .css('cursor', (bChecked ? 'pointer' : 'not-allowed'));
    };
    // handle event
    $cbxDisabler.change(fOnChange);
}

---

我同意，您已经在使用jQuery，所以请使用它

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

但是，另外，调用jQuery对象的次数太多了。如果要通过解析多次获取jQuery对象，那么应该创建局部变量

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

第二，您可以考虑使用闭包的能力来处理这样的事情：

         $("#disabler").change(function(){ 
                    if ($("#disabler").is( ":checked" ) ){
                        $("#signin_submit").prop('disabled', false);
                        $("#signin_submit").css( 'cursor', 'pointer' );
                    }  
                  else { 
                        $("#signin_submit").prop('disabled', true);
                        $("#signin_submit").css( 'cursor', 'not-allowed' );
                   }
         });

function wireDisabler() {
    // closures
    var $cbxDisabler = $('#disabler');
    var $btnSubmit = $("#signin_submit");
    var fOnChange = function() {
        var bChecked = $cbxDisabler.is(':checked');
        $btnSubmit.prop('disabled', !bChecked)
            .css('cursor', (bChecked ? 'pointer' : 'not-allowed'));
    };
    // handle event
    $cbxDisabler.change(fOnChange);
}

---

disabler

的值是什么？为什么要使用

document.getElementById（'disabler'）.onchange

而您已经有了jQuery？它只是id name

我想您对多个复选框使用了相同的
id
，使用
class
而不是
disabler
的值是多少？为什么要使用
document.getElementById（'disabler'）。当您已经有jQuery时，一旦更改了
？它只是id名称
我想您对多个复选框使用了相同的
id
，请改用
class