<input type="radio" name="sex" lay-filter="erweima" value="二維碼" title="二維碼">
<input type="radio" name="sex" lay-filter="erweima" value="圖片" title="圖片" >
如圖
layui.use('form', function () {
var form = layui.form;
form.on('checkbox(switchTest)', function (data) {
alert("哈哈哈");
layer.tips('開關(guān)checked:' + (this.checked ? 'true' : 'false'), data.othis);
//layer.tips('開關(guān)checked:' + (this.checked ? 'true' : 'false'), data.othis)
});
form.on('radio(erweima)', function (data) {
alert(data.elem);
//console.log(data.elem);
alert(data.value);//判斷單選框的選中值
//console.log(data.value);
//alert(data.othis);
//layer.tips('開關(guān)checked:' + (this.checked ? 'true' : 'false'), data.othis);
//layer.alert('響應(yīng)點(diǎn)擊事件');
});
form.on('submit(formDemo)', function (data) {
//layer.msg(JSON.stringify(data.field));
alert("哈哈哈");
return false;
});
form.render();
//各種基于事件的操作,下面會(huì)有進(jìn)一步介紹
});
切記兩點(diǎn):
- form.on('radio(erweima)', function (data) {
alert(data.elem);
//console.log(data.elem);
alert(data.value);//判斷單選框的選中值
//console.log(data.value);
//alert(data.othis);
//layer.tips('開關(guān)checked:' + (this.checked ? 'true' : 'false'), data.othis);
//layer.alert('響應(yīng)點(diǎn)擊事件');
});
這是單選框的點(diǎn)擊事件
2.放在layui.use里面。
3.別忘了引入: <script type="text/javascript" src="../layer/layer.js"></script>
<script type="text/javascript" src="../layui/layui.js"></script>
4.有時(shí)候,如果layerjs,放在layui的后面,F(xiàn)12會(huì)有報(bào)錯(cuò)的。