javascript - yii2 kartik 开关输入类型单选按钮在 javascript 中获取值

标签 javascript jquery input yii2

我使用 yii2 kartik switch 输入和类型 radio,我想在 javascript 中获取所选选项的值(特别是在 JsExpression 中),这是我的代码:

        $model->orientation = 'Portrait';
        echo $form->field($model, 'orientation')->widget(SwitchInput::classname(), [
            'name' => 'information_orientation',
            'type' => SwitchInput::RADIO,
            'value' => 'Portrait',
            'items' => [
                ['label' => 'Portrait&nbsp&nbsp&nbsp', 'value' => 'Portrait'],
                ['label' => 'Paysage&nbsp&nbsp&nbsp', 'value' => 'Paysage'],
            ],
            'pluginOptions' => [
                'onText' => 'Oui',
                'offText' => 'Non',
                'onColor' => 'success',
                'offColor' => 'danger',
                'size' => 'mini'
            ],
            'labelOptions' => ['style' => 'font-size: 13px'],
        ]);

我试过了:

$([name='information-orientation']).val()

但是它返回了一个未定义的值

最佳答案

SwitchInputdoes not care关于你给它的名称属性
根据他们的文档,您需要将 name 包装在 options 数组中

echo $form->field($model, 'orientation')
    ->widget(SwitchInput::classname(), [
        'options' => ['name' => 'information_orientation'],
        'type' => SwitchInput::RADIO,
 ....

来自 docs :

options: array the HTML attributes for the widget input tag.

编辑:
然后你可以使用下面的

// to get value:
$("[name='information_orientation']").val()

// to check if the switch is or on off
$("[name='information_orientation']").prop('checked')

关于javascript - yii2 kartik 开关输入类型单选按钮在 javascript 中获取值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45758815/

相关文章:

css - 如何解决使用 css 自定义 radio 输入的问题?

javascript - AngularJs 仅编辑表单中未定义或空字段

javascript - 如何测试调用外部 api 的 redux-saga 生成器?

javascript - application/x-javascript 和 text/javascript 内容类型之间的区别

javascript - 如何检查键值对是否匹配(无论大小写)?

javascript - Jcrop 大图像真实尺寸

javascript - 循环遍历 HTML 元素

javascript - 当某张幻灯片在 fullpage.js slider 中具有事件类时,如何隐藏元素?

java - C++ 有下一行

javascript - 在 localStorage 中存储和检索动态填充的下拉列表