jQuery禁用Yii2中的以前的單選按鈕

Question

<?= $form->field($model, 'status')->radioList(array('1'=>'Approved','2'=>'Digital','3'=>'CDP','4'=>'Print','5'=>'Other Process','6'=>'Packing','7'=>'Dispatch',)); ?>

我正在嘗試實施狀態更新表格。 我想知道如何禁用以前的單選按鈕。

例如-如果當前狀態為CDP，則應禁用狀態“已批准”和“數字”。

如何為此編寫Java腳本，即時在Yii2 Framework中實現。

Answer 1

如果有人選擇單選按鈕，請嘗試聽。 在每個按鍵上都使用“ .each”而不是“ .disable”，直到找到按鍵為止。

編輯：我不喜歡盲目的寫，但是嘗試這個：

$('#radioButtons').on('change', function(){
  var val = this.value;
  $.each(arrayname, function( index, value ){
     if(index < val){
        value.disable();
     }else{
        value.enable();
     }
  });
});

如果所選值較小，則將其禁用，否則將啟用。 但是，如果您采用這種方式，則無法將選擇更改為上方的按鈕？ 這真的是您想要的嗎？

Answer 2

由於您的選項已被設置，因此您可以使用Yii2進行此操作。 您將需要手動設置輸入屬性“ item”以執行此操作。

<?=$form->field($model, 'status')->radioList(['1' => 'Approved', '2' => 'Digital', '3' => 'CDP', '4' => 'Print', '5' => 'Other Process', '6' => 'Packing', '7' => 'Dispatch'], ['item' => function($index, $label, $name, $checked, $value) {$checked = $checked == 1 ? 'checked=""' : 'disabled=""';echo "<label><input tabindex='{$index}' type='radio' {$checked}'name='{$name}'value='{$value}'> {$label}</label>";}]);?>

上面的代碼將使選中的一個保持選中狀態，並分別使用HTML選項“ checked”和“ disabled”禁用其他選項。