layui給radio添加點擊事件

 

最近做一個后台項目，用到了layui，需要設計一個單選按鈕並且添加點擊事件。 參考了下官方文檔 https://www.layui.com/doc/modules/form.html#onradio ，最終還是實現了這個效果。給layui一個好評，用layui來做后台管理系統確實不錯。

html代碼 

<div class="layui-form-item" >
  <label class="layui-form-label"><span style="color: red">*</span>選擇: </label>
       <div class="layui-input-inline" >
         <input type="radio" lay-filter="testRadio" lay-verify="required" name="state" value="pass" title="通過"  >
         <input type="radio" lay-filter="testRadio" lay-verify="required" name="state" value="reject" title="駁回">
       </div>
 </div>

js代碼

form.on('radio(testRadio)', function(data){
    if(data.value == 'reject'){
            $("#resonDiv").css("display", "block");
        } else {
            $("#resonDiv").css("display", "none");
        }
});

 

文檔中還有

　　初始賦值form.val('lay-filter的值', object); 

　　表單驗證

form.verify({
  username: function(value, item){ //value：表單的值、item：表單的DOM對象
    if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)){
      return '用戶名不能有特殊字符';
    }
    if(/(^\_)|(\__)|(\_+$)/.test(value)){
      return '用戶名首尾不能出現下划線\'_\'';
    }
    if(/^\d+\d+\d$/.test(value)){
      return '用戶名不能全為數字';
    }
  }
  
  //我們既支持上述函數式的方式，也支持下述數組的形式
  //數組的兩個值分別代表：[正則匹配、匹配不符時的提示文字]
  ,pass: [
    /^[\S]{6,12}$/
    ,'密碼必須6到12位，且不能出現空格'
  ] 
});      

　　表單提交 form.on('submit(go)', callback);

　　復選框  form.on('checkbox(filter)', function(data){   doSomething();  });

　　等等。