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”禁用其他选项。