layui 表单元素的选中问题
layui对表单元素都作了美化,比如下拉列表,单选框,多选框.对表单美化后相应元素的操作,其实是在layui处理过后的div上操作,不能真的反映在原始我们编写的表单的元素上.这也会出现一个问题,如果想用JS对表单做些预处理,怎么做?操作原始的元素并不会展现在layui处理过的表单中的,那我们就对layui处理过的表单动手
这里要提两个我用过的,一个是单选框,一个是下拉列表
* 单选框,layui美化后,对应的type=radio
的input项隐藏,在input之后追加了一个div,里面用i
标签美化,所以我们需要做的事找到目标单选框的临近i
标签,然后触发它的click
事件
* 下拉框,layui把下拉框美化成了一个dl
,每一个option
标签都变成了一个dd
标签表示,其中value更改为lay-value
属性,我们要做的就是找到下拉框对应的dl
标签,将符合要求值lay-value
的dd
的click
事件触发
下面是二者的示例代码
var update=$("#update-form")
update.find("input[type=radio][value=female]").next().find("i").click();