告别原生Checkbox：Yii2使用SwitchInput美化你的表单-composer-PHP中文网

告别原生Checkbox：Yii2使用SwitchInput美化你的表单

WBOY

发布： 2025-06-11 15:42:02

原创

381人浏览过

在开发 Yii2 项目时，你是否也觉得原生的 HTML Checkbox 样式过于简单，与整个应用的风格不太协调？kartik-v/yii2-widget-switchinput 就是一个能帮你解决这个问题的 Yii2 扩展。它是一个 Bootstrap Switch 插件的 Yii2 封装，可以将 Checkbox 和 Radio 按钮转换为美观的 toggle switch。

composer在线学习地址：学习地址

这个扩展是 yii2-widgets 仓库的一个子模块，如果你只需要这一个组件，可以单独安装它，而无需引入整个 widgets 库。

安装

使用 Composer 安装 kartik-v/yii2-widget-switchinput 非常简单：

php composer.phar require kartik-v/yii2-widget-switchinput "*"

登录后复制

或者，你也可以将以下代码添加到你的 composer.json 文件的 require 部分：

"kartik-v/yii2-widget-switchinput": "*"

登录后复制

然后运行 composer update。

使用

安装完成后，就可以在你的 Yii2 视图中使用 SwitchInput 组件了。以下是一些使用示例：

use kartik\switchinput\SwitchInput;

// 配合 ActiveForm 和 model 使用
echo $form->field($model, 'status')->widget(SwitchInput::classname(), [
    'type' => SwitchInput::CHECKBOX
]);

// 不使用 ActiveForm，直接使用 widget
echo SwitchInput::widget([
    'name' => 'status_1',
    'type' => SwitchInput::RADIO
]);

登录后复制

优势与实际应用