使用jQuery取消選擇Yii2廣播列表

Question

我正在嘗試使用yii2中的jquery取消選擇單選按鈕。 我已經嘗試了所有可能的語法來使用jQuery取消選擇單選按鈕。

  <?= $form->field($model, "radio[$component->accident_component_id]")->radioList(ArrayHelper::map(AccidentTemplateComponentData::find()->where(['=', 'accident_component_id', $component->accident_component_id])->all(),'accident_data_id' ,'accident_data_text'), ['separator'=>'<br/>','tag'=> false, 'prompt'=>'- Options -', 'class'=>"$checkClass", "id"=>"input-$component->accident_component_id"])->label(false); ?>

取消選中單選按鈕的jQuery代碼在下面

  //tried using Javascript
  document.getElementByNAme('Accident[radio][$component->accident_component_id]').checked = false;

  //tried using jQuery
  $('input[name=\"Accident[radio][$component->accident_component_id]\"]').removeAttr('checked');

以上兩種都不起作用。 當我右鍵單擊元素時，有一個同名的隱藏輸入，我想知道這是否被覆蓋。 上面的代碼對於普通的單選按鈕可以正常工作。

任何幫助都會很棒。 謝謝

Answer 1

您需要添加<?php以回顯其變量值。

 //tried using Javascript
  document.getElementsByName('Accident[radio][<?php echo $component->accident_component_id ?> ] ').checked = false;

  //tried using jQuery
  $('input[name=\"Accident[radio][<?php echo $component->accident_component_id]\"?>]').removeAttr('checked');

添加"如果需要，如document.getElementByNAme('Accident[radio]["<?php echo $component->accident_component_id] ?>").checked = false;

編輯

在javascript中，沒有帶有getElementByNAme方法名稱，它是getElementsByName

document.getElementsByName('Accident[radio][$component->accident_component_id]')[0].checked = false;