我在 MDL 中有以下单选按钮。我想知道如何使用 jquery 设置选项之一。我尝试了在 SO 或网络上找到的各种方法......但没有人工作。
<label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="sex-option-1">
<input type="radio" id="sex-option-1" class="mdl-radio__button" name="sex-options" value="1">
<span class="mdl-radio__label">Male</span>
</label>
<label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="sex-option-2">
<input type="radio" id="sex-option-2" class="mdl-radio__button" name="sex-options" value="2">
<span class="mdl-radio__label">Female</span>
</label>
MDL版本是1.1.1
提前致谢。
最佳答案
以下是如何检查 MDL 中的单选按钮:
document.getElementById('sex-option-1').parentNode.MaterialRadio.check();
还有一种取消选中的方法:
document.getElementById('sex-option-1').parentNode.MaterialRadio.uncheck();
为了进一步引用,由于 MDL javascript 的文档很少,以下是所有其他输入类型的方法:
复选框:
document.getElementById('sex-option-1').parentNode.MaterialCheckbox.check();
document.getElementById('sex-option-1').parentNode.MaterialCheckbox.uncheck();
开关:
document.getElementById('sex-option-1').parentNode.MaterialSwitch.on();
document.getElementById('sex-option-1').parentNode.MaterialSwitch.off();
文本字段:
document.getElementById('sex-option-1').parentNode.MaterialTextfield.change('new text');
图标切换:
document.getElementById('sex-option-1').parentNode.MaterialIconToggle.check();
document.getElementById('sex-option-1').parentNode.MaterialIconToggle.uncheck();
关于jquery - 使用 jquery 设置 Material Design Lite 单选按钮选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35783797/