Question

我有一个名为'rename'的自定义按钮。我需要按钮始终禁用。当我单击复选框时，该按钮将启用。如果选中复选框，则应启用按钮。

 <input type="checkbox" name="listcheck">
 <input type="checkbox" name="listcheck">
 <input type="checkbox" name="listcheck">


 <span class="down_btn" id="rename_fun"><a href="#">Rename</a></span>

    .down_btn a {
        background: url("../images/btn_down.png") no-repeat;
        color: #000000;
        display: block;
        height: 20px;
        padding-top: 4px;
        width: 114px;
    }
.down_btn a:hover
{
    width:114px;
    height:20px;
    display:block;
    color:#000;
    background:url(../images/btn_down_over.png) no-repeat;
    padding-top:4px;
}

请帮帮我

提前致谢总统府

Answer 1

$("input[type='checkbox'][name='listcheck']").change(function() {
    if(this.checked) {
        $(".down_btn").click(function() {
            // I am enabled
            // something should happen here
        });
    } else {

        // unchecked, disable button
        $(".down_btn").unbind("click");
    }
});

Answer 2

试试这个

$("input[name=listcheck]").click(function(){

   if(this.checked){
     $("#rename_fun").bind('click.customButton', function(){
        //Click logic here
     });
   }
   else{
     $("#rename_fun").unbind('click.customButton');
   }
});

Answer 3

这假设您希望“即使选择了一个项目”也启用该按钮 - 我想这就是所需要的

$('.listcheck').click(function() { 

$('.listcheck').each(function(){  //iterate over the list to ensure no others are selected

   if($(this).is(':checked'))
   {
      $('#down_button').attr('disabled',false); //if so enable and return
      return false;
   }
   else
      $('#down_button').attr('disabled',true)

   }

}

我的自定义按钮需要添加禁用和启用功能

3 个答案: