在前端开发中，我们常常需要使用单选框（radio）来实现一些功能，例如选择性别、选择支付方式等。但是在使用单选框时，我们需要判断用户是否已经选中某个选项，从而进行相应的处理。在 HTML 中，我们可以使用 JavaScript 的 checked 属性来判断单选框是否被选中，如下所示：

if (document.getElementById("myRadio").checked) {
  alert("选中了");
} else {
  alert("未选中");
}

上述代码中，我们首先通过 getElementById() 方法获取到 ID 为 myRadio 的单选框，然后通过 checked 属性来判断该单选框是否被选中。

如何在 Yii2 中预选单选框

在 Yii2 中，我们可以使用 RadioList() 函数来自动生成单选框。但有时我们需要默认预选某个选项，该怎么做呢？下面是一个实现预选单选框的步骤：

步骤：

1. 在你的控制器中创建一个数组来存储选项和对应的值：

$items = [
    ['label' => '选项1', 'value' => 'option1'],
    ['label' => '选项2', 'value' => 'option2'],
    ['label' => '选项3', 'value' => 'option3'],
];

2. 将该数组传递给视图文件，并在视图文件中使用 RadioList() 函数生成单选框：

use yii\helpers\Html;
use yii\widgets\ActiveForm;
<?= Html::beginForm() ?>

    <?= $form->field($model, 'radio_value')->radioList($items) ?>

<?= Html::endForm() ?>

3. 通过设置 value 属性来指定默认选中的单选框。例如，如果你想默认选中“选项2”，可以在 $items 数组中为“选项2”添加一个额外的属性 checked，并将其设置为 true，修改后的代码如下：

$items = [
    ['label' => '选项1', 'value' => 'option1'],
    ['label' => '选项2', 'value' => 'option2', 'checked' => true], // 默认选中“选项2”
    ['label' => '选项3', 'value' => 'option3'],
];

这样，在渲染 RadioList() 时，“选项2”将会被默认选中。

相关问题与解答

问题1：如何在 RadioList() 中预选多个单选框？

答：在 RadioList() 中预选多个单选框，可以为每个需要预选的选项添加一个额外的属性 checked，并将其设置为 true。例如：

$items = [
    ['label' => '选项1', 'value' => 'option1'],
    ['label' => '选项2', 'value' => 'option2', 'checked' => true], // 默认选中“选项2”
    ['label' => '选项3', 'value' => 'option3', 'checked' => true], // 默认选中“选项3”
];

这样，“选项2”和“选项3”将会被默认选中。

问题2：如何动态地改变 RadioList() 中的默认选中项？

答：要动态地改变 RadioList() 中的默认选中项，可以通过 JavaScript 或 AJAX 来实现。在 RadioList() 中为每个选项添加一个唯一的标识符（使用 id 属性），在需要改变默认选中项的时候，通过 JavaScript 或 AJAX 获取新的默认选中项的值，并将其设置为对应选项的 checked 属性为 true。以下是一个示例代码片段：

在这个示例中，我们使用了 jQuery 选择器来找到对应新默认选中项的单选框，并使用 prop() 方法将其 checked 属性设置为 true。请确保将代码中的 #your-form 替换为你实际表单元素的 ID。

结尾

以上便是如何在 HTML 和 Yii2 中预选单选框的方法和相关问题解答，希望对大家有所帮助。如果你在使用过程中遇到了其他问题，欢迎在评论区留言，我们会尽快解答。

感谢你的阅读，请不要忘记关注、点赞、分享、评论哦！