单/复选框

单/复选框

单选框

通过 Dcat\Admin\Widgets\Radio类可以很方便地快速构建单选框表单。

基本使用

<?php
use Dcat\Admin\Widgets\Radio;

// 表单 name 属性
$name = 'state';
// 选项
$options = [
   1 => '未处理',
   2 => '已处理',
   3 => '已拒绝',
];

$radio = Radio::make($name, $options)->check(1); // 选中第一个选项

效果

显示在同一行 (inline)

<?php
use Dcat\Admin\Widgets\Radio;

$name = 'state';
$options = [
   1 => '未处理',
   2 => '已处理',
   3 => '已拒绝',
];

$radio = Radio::make($name, $options)->check(1)->inline();

效果

设置禁选的选项 (disable)

<?php
use Dcat\Admin\Widgets\Radio;

$name = 'state';
$options = [
   1 => '未处理',
   2 => '已处理',
   3 => '已拒绝',
];

$radio = Radio::make($name, $options)->inline()->disable([2, 3]);

效果

设置样式 (style)

通过style方法可以设置单选框的样式,支持primaryinfosuccessdanger

设置尺寸

单选框支持3中尺寸,使用方法如下

small设置为小尺寸

$radio->small();

large设置为大尺寸

$radio->large();

复选框

通过 Dcat\Admin\Widgets\Checkbox类可以很方便地快速构建复选框表单,并且复选框类是属于Radio的子类,因此用法与Radio类基本一致。

基本用法

<?php
use Dcat\Admin\Widgets\Checkbox;

// 表单 name 属性,因为此处是多选,所以需要加上中括号
$name = 'hobbies[]';
// 选项
$options = [
   1 => '唱',
   2 => '跳',
   3 => 'RAP',
   4 => '打篮球',
];

$checkbox = Checkbox::make($name, $options)
    ->inline()
    ->check([1, 2]); // 这里允许传递数组,默认选中多个选项

效果

全选

通过checkAll方法可以选中全部选项。

<?php
use Dcat\Admin\Widgets\Checkbox;

// 表单 name 属性,因为此处是多选,所以需要加上中括号
$name = 'hobbies[]';
// 选项
$options = [
   1 => '唱',
   2 => '跳',
   3 => 'RAP',
   4 => '打篮球',
];

$checkbox = Checkbox::make($name, $options)
    ->inline()
    ->checkAll(); // 全部选中

checkAll方法也允许全选的同时排除指定选项。

$checkbox = Checkbox::make($name, $options)
    ->inline()
    ->checkAll([1, 3]); // 全部选中,但是排除key为1和3的选项

更多用法

更多用法与Radio的用法一直,这里不再赘述。

本文章首发在 LearnKu.com 网站上。

上一篇 下一篇
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 0
发起讨论 只看当前版本


暂无话题~