layui 單選框和多選框聯動實現多選框的禁用

2021-10-05 12:57:12 字數 1509 閱讀 5165

首先是單選框和多選框的html**:

="layui-form-item"

>

="layui-form-label"

>禁用開關<

/label>

="layui-input-block"

>

"radio" name=

"demo" lay-filter=

"erweima" value=

"true" title=

"是">

"radio" id=

"demor" name=

"demo" lay-filter=

"erweima" value=

"false" title=

"否" checked>

<

/div>

<

/div>

="layui-form-item"

>

="layui-form-label"

>多選項<

/label>

="layui-input-block" id=

"div_checkbox"

>

"checkbox" id=

"test1" name=

"demo2" title=

"測試1" value=

"test1" lay-skin=

'primary' disabled>

"checkbox" id=

"test2" name=

"demo2" title=

"測試2" value=

"test2" lay-skin=

'primary' disabled>

"checkbox" id=

"test3" name=

"demo2" title=

"測試3" value=

"test3" lay-skin=

'primary' disabled>

<

/div>

<

/div>

首先是要對於單選框的改變選擇的操作要能夠監聽到。layui裡提供了如下的方法來進行監聽單選框:

layui.use(『form』, function () );

});有了監聽單選框的選擇的方法之後,那麼接下來就是在這個方法裡加入邏輯判斷來實現改變單選框按鈕從而實現對多選框的禁用和啟用。

我們知道input標籤立馬可以通過disabled來實現對input標籤的禁用,雖然這裡是多選框,但從本質上來講還是input標籤,所以可以通過js動態新增和去除disabled屬性的方法來實現對多選框的禁用啟用。

在jquery裡,我們有attr和removeattr方法來實現新增和刪除屬性。所以接下來的事情就簡單了。**如下:

layui.use(『form』, function () else

form.render();

});如此便可實現通過單選框來實現對多選框的禁用啟用功能了。

js 多選框 單選框

此多選框 單選框可以換按鈕 只更改雪碧圖的定位即可。沒有使用自帶的控制項,是重新寫的。用到了模組化開發,類的匯出匯入,類的繼承。type module import radio from js radio.js import checkbox from js checkbox.js let hobb...

selenium之單選框 多選框

一 單選框 radio 單選框的選擇很簡單,因為是單選,所以直接定位到元素後點選即可 示例頁面 示例 from selenium import webdriver from selenium.webdriver.common.by import bydriver webdriver.firefox ...

layui 多選框 單選框 下拉選項框都不顯示問題

layui 多選框 單選框 下拉選項框都不顯示問題 這是因為layui.css 裡面有樣式是.layui form input type checkbox layui form input type radio layui form select 初始值是設定成隱藏形式了。所以需要form重新渲染下...