如何限制基於複選框條件的href鏈接點擊？

Question

如何限制基於複選框條件點擊一個href鏈接（鏈接只有在選中後才能使用）？

<td><input name="checkbox[]" type="checkbox" id="checkbox[]" value="' . $row['id'] . '"'.($row['pr'] == ""?"disabled ":"").' style="cursor:pointer;" class="checkbox"></td> 

<a class="button" href="javascript:document.forms[0].submit();" onclick="f1.action='editpr.php'; return true;"> 
<span><b>Edit Purchase Request</b></span></a> 

<a class="button" href="javascript:document.forms[0].submit();"><span><b>Remove Purchase Request</b></span></a> 

我真的有這個麻煩。幫助

Answer 1

，取而代之的是jQuery的點擊處理程序爲條件

<a class="button submit"><span><b>Edit Purchase Request</b></span></a> 
<a class="button remove"><span><b>Remove Purchase Request</b></span></a> 

然後

jQuery(function ($) { 
    $('a.button.submit, a.button.remove').click(function() { 
     if ($('input[name="checkbox[]"]:checked').length == 0) { 
      return; 
     } 

     var frm = document.f1; 
     if($(this).hasClass('submit')){ 
      frm.action = 'editpr.php'; 
     } 
     frm.submit(); 
    }) 
}) 

取出內嵌點擊處理，然後在處理程序檢查

注意：看起來所有複選框元素都有ID checkbox[]，這是不允許的，因爲一個元素的ID必須是唯一的

Answer 2

這裏是jsfiddle link

//This is for set the href on page load 
settingHref(); 
//This is for set the herf on chage of checkbox 
$('#checkbox').change(function() { 
    settingHref(); 
}); 
function settingHref() { 
    if ($('#checkbox').is(":checked")) { 
     $('.button').attr('href', 'javascript:document.forms[0].submit();'); 
    } 
    else { 
     $('.button').attr('href', 'javascript: void(0)'); 
    } 
}