基於單選按鈕選擇禁用復選框上的更改值屬性的問題

Question

根據選擇哪個單選按鈕，在復選框上禁用和值屬性的編輯時出現問題。

當我選擇input＃package-1，然后輸入#highlighted時，該函數起作用。 但是，當我再次選擇input＃package 1時，它將失敗。 當我這樣做時，復選框上的值不會更改（這是不正確的），但是禁用的屬性將被刪除（這是正確的）。

任何幫助將非常感激。

$(document).ready(function(){
    $('.package-select').change(function(){
       if ($('#package-2').is(':checked') || $('#package-1').is(':checked') ){
             $('input#extrasRouter').removeAttr('disabled');
             $('input#extrasRouter').val("36-Wireless router - £44.99 - TEST"); // Changing value to select the PAID FOR router 

         } else {
             $('input#extrasRouter').val("21-Wireless router - FREE");
             $('input#extrasRouter').attr('disabled', true);     
         }   
    });
});


<!-- Radio button that are being selected which should affect the below checkbox -->
        <label for="package-3" class="package-select" id="tb-package-3">
            <span class="name">Home Worker 20</span>
            <input type="radio" value="16-Home Worker 20 - &pound;35 per month" id="package-3" class="validate required" name="package">
        </label>

        <label for="highlighted" class="package-select" id="tb-highlighted">
            <span class="name">Home 20</span>
            <input type="radio" value="10-Home 20 - &pound;22 per month" id="highlighted" class="validate required" name="package">
        </label>

        <label for="package-2" class="package-select" id="tb-package-2">
            <span class="name">Home 10</span>
            <input type="radio" value="12-Home 10 - &pound;17 per month" id="package-2" class="validate required" name="package">
        </label>

        <label for="package-1" class="package-select" id="tb-package-1">
            <span class="name">Basic</span>
            <input type="radio" value="13-Basic - &pound;10 per month" id="package-1" class="validate required" name="package" >
        </label>

<!-- Checkbox that is being edited -->
<input type="checkbox" checked="" name="options[]" id="extrasRouter" value="21-Wireless router - &pound;44.99"   />

Answer 1

checked是一個屬性，而不是一個屬性。 更改這些：

$('input#extrasRouter').removeAttr('disabled');
...
$('input#extrasRouter').attr('disabled', true);

這些：

$('input#extrasRouter').prop('disabled', false);
...
$('input#extrasRouter').prop('disabled', true);

另外，請嘗試在禁用之前/之后重新設置值，而不是在禁用此框時進行設置。