私のカスタムボタンは無効化と有効化機能を追加する必要があります

Question

私は '名前変更'という名前のカスタムボタンがあります。私はボタンが常に無効になる必要があります。チェックボックスをクリックすると、ボタンが有効になります。チェックボックスがチェックされている場合は、ボタンを有効にする必要があります。

<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

を試してみて、私を助けてくださいアイテムが選択されている " - それは必要なものだと思います