Layui select實現主動賦值和觸發選擇事件,及radio實現可取消

失恋的蔷薇發表於2024-01-23

Layui select賦值,並主動觸發選擇事件

// Layui select賦值,並主動觸發選擇事件
// Input: selectId:ID選擇器,selectFilter:lay-filter名稱,value:需要的賦值,text:顯示文字值
function setSelect(selectId, selectFilter, value, text){
    //賦值
    $(selectId).find("option[value="+value+"]").prop("selected",true);
    $(selectId).parent().find(".layui-select-title").find("input").val(text);
    //觸發事件
    layui.event("form", "select("+selectFilter+")", {value: value});        
}

Layui radio點選事件,實現可選中可取消

// Layui radio點選事件,實現可選中可取消
// filterName:lay-filter名稱
layui.form.on("radio(filterName)",function(data){
    if($(this).attr("checked")) {
         $(this).removeAttr("checked")
     } else {
         $(this).attr("checked", "true")
     }
     layui.form.render();
});

相關文章