使用jquery设置Material Design Lite单选按钮选项

我在MDL中有以下单选按钮。 我想知道如何使用jquery设置其中一个选项。 我尝试过在SO或网络上找到的各种方法….但没有人工作。

  Male    Female  

MDL版本是1.1.1

提前致谢。

Answer 1

以下是您应该如何检查MDL中的单选按钮：

 document.getElementById('sex-option-1').parentNode.MaterialRadio.check(); 

就其本身而言，我不认为以前的答案确实有效。 它只是搞砸了MDL演示而没有实际更改所选的按钮。 您必须使用MDL公共方法。

还有一种取消选中的方法：

 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'); 

IconToggle：

 document.getElementById('sex-option-1').parentNode.MaterialIconToggle.check(); document.getElementById('sex-option-1').parentNode.MaterialIconToggle.uncheck(); 

Answer 2

从https://github.com/google/material-design-lite/issues/4164获取灵感，解决方案如下：

 $('#sex-option-1').parent().removeClass('is-checked'); 

取消选中和

 $('#sex-option-1').parent().addClass('is-checked'); 

去检查