如何使用JavaScript的layui框架設定無線電鈕選

2019-12-12 04:57:02

在使用JavaScript中的layui框架，如果新增一個無線電鈕組，根據具體的值設定無線電鈕選中；如果僅僅只使用jquery中的方法attr()，無線電鈕不能被選中，需要新增form中的方法。下面利用範例說明，操作如下：

第一步，在已開啟HBuilder工具中新建一個HTML5頁面，並引入layui相關的css和js程式碼，如下圖所示：

第二步，接著在<body></body>標籤內，插入一個form表單和多個無線電鈕，如下圖所示：

第三步，儲存程式碼並直接使用瀏覽器預覽頁面，可以發現無線電鈕組，如下圖所示：

第四步，在form表單標籤下，新增一個<script></script>標籤，引入layui.use()，然後根據if語句判斷，設定無線電鈕勾選，如下圖所示：

第五步，儲存程式碼並直接執行預覽頁面效果，結果無線電鈕不被勾選；在if語句最後新增一個form.render()，如下圖所示：

第六步，再次儲存程式碼並預覽介面效果，結果可以發現無線電鈕勾選，如下圖所示：