Layui中的監聽

阿新 • • 發佈：2021-01-17

技術標籤：# Layui js layui 監聽單選框開關

目錄

監聽單選框
監聽開關

監聽單選框

預期效果：監聽一個單選框，當點選通過時，input顯示“通過”；點選不通過時，顯示“不通過”。
在這裡插入圖片描述
程式碼如下

 <!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>監聽單選框</title>
		<link rel="stylesheet" href="../static/css/layui.css" 
>
	</head>
	<body>
		<form class="layui-form" action="" method="post" onsubmit="return false" lay-filter="sample_check_form">
		  <div class="layui-form-item">
		      <label class="layui-form-label"> 
稽核結果</label>
		      <div class="layui-input-block">
		        <input type="radio" lay-filter="result" name="result" value="1" title="<b><span style='color:green;'>通過</span></b>"  >
		        <input type= 
"radio" lay-filter="result" name="result" value="-1" title="<b><span style='color:red;'>不通過</span></b>">
		      </div>
		  </div>
		  現在的操作結果：<input type="text" id="result_value" />
		</form>
		
		<script type="text/javascript" src="../static/layui.js"></script>
		<script type="text/javascript" >
		  	layui.use(['form'],function (){
		  	    var form = layui.form;
				
				// 監聽 單選框
				form.on('radio(result)', function (data) {
				    if(data.value == '1'){　
						document.getElementById("result_value").value = "通過";
				    }else{
						document.getElementById("result_value").value = "不通過";
				　　}
				});
		    });
		</script>
	</body>
</html>

監聽開關

預期效果：監聽一個開關，當點選同意時，input顯示“我同意”；點選拒絕時，顯示“我拒絕”。
在這裡插入圖片描述
程式碼如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>監聽開關</title>
		<link rel="stylesheet" href="../static/css/layui.css">
	</head>
	<body>
		<form class="layui-form" action="" method="post" onsubmit="return false" lay-filter="sample_check_form">
		   
		  <div class="layui-form-item" pane="">
		  	<label class="layui-form-label">入贅我王家</label>
		  	<div class="layui-input-block">
		      <input type="checkbox" checked="" name="res" lay-skin="switch" lay-filter="filter_switch" title="入贅我王家" lay-text="同意|拒絕">
		  	</div>
		  </div>
		  操作結果：<input type="text" id="result_value" />
		</form>
		
		<script type="text/javascript" src="../static/layui.js"></script>
		<script type="text/javascript" >
		  	layui.use(['form'],function (){
		  	    var form = layui.form;
				//監聽 指定開關
				form.on('switch(filter_switch)', function(data){
					if(this.checked){
						document.getElementById("result_value").value = "我同意";
					}else{
						document.getElementById("result_value").value = "我拒絕";
					}
				});
		    });
		</script>
	</body>
</html>

flutter 中監聽滑動事件

在移動端，各個平臺或 UI 系統的原始指標事件模型基本都是一致，即：一次完整的事件分為三個階段：手指按下、手指移動、和手指抬起，而更高級別的手勢（如點選、雙擊、拖動等）都是基於這些原始事件的。

vue專案中監聽手機物理返回鍵的實現

背景：專案中有一個場景要監聽android手機物理返回鍵，但是app和js的中介軟體又沒提供這個事件的監聽，只能百度純js實現了

vue中監聽資料變化 watch

今天做專案的時候，子元件中資料（原本固定的資料）需要父元件動態傳入，如果一開始初始化用到的資料、但當時還沒有獲取到，初始化結束就不會更新資料了。只有監聽這兩個屬性，再重新執行初始化。

layui.open監聽頁面提交

layui.open監聽頁面提交 $("#addBtn").on(\'click\', function () { layer.open({ type: 2, content: "/add.html"

vue在App.vue檔案中監聽路由變化重新整理頁面操作

在路由跳轉時，會出現頁面需要重新重新整理一遍才能獲取資料載入頁面，這時新增一個監聽器，如果跳轉到頁面重新整理一次。

Layui事件監聽（表單和資料表格）

一、表單的事件監聽先介紹一下幾個屬性的用法 1、lay-filter 事件過濾器相當於選擇器，layui的專屬選擇器

Unity中監聽打包相關回調

技術標籤：Unity開發實戰一：前言有的時候我們需要在打包時進行一些操作(按下Build按鈕)，監聽到打包相關的回撥即可

python在windows中監聽檔案是否有操作

pip install watchdog 安裝需要的包 class MyHandler(FileSystemEventHandler): def __init__(self): f = open(\'config.js\')

vue專案中監聽sessionStorage值發生變化

首先在main.js中給Vue.protorype註冊一個全域性方法，其中，我們約定好了想要監聽的sessionStorage的key值為’watchStorage’，

vue 中監聽視窗發生變化，觸發監聽事件， window.onresize && window.addEventListener('resize'，fn) ，window.onresize無效的處理方式

1 //開始這樣寫，不執行 2window.onresize = function() { 3console.log(\'視窗發生變化\')

layui中table監聽單元格_table佈局的一些總結

技術標籤：layui中table監聽單元格工作中遇到的自適應表格，實現過程並不順暢，花費了一些功夫。將其中不熟悉的技術點總結如下，期待下次可以行雲流水的做出來。

Layui中的監聽

技術標籤：# Layuijslayui監聽單選框開關目錄監聽單選框監聽開關監聽單選框預期效果：監聽一個單選框，當點選通過時，input顯示“通過”；點選不通過時，顯示“不通過”。程式碼如下

layui 表格中新增input表單效果且實現資料監聽

layui 表格中新增input表單效果且實現資料監聽在layui 表格中列操作中插入input 表單輸入框，實現資料內容監聽效果；

python 監聽salt job狀態,並任務資料推送到redis中的方法

salt分發後，主動將已完成的任務資料推送到redis中，使用redis的生產者模式，進行訊息傳送

資料庫開發第二週學習(二)java中swing(事件監聽)

一.基本概念 1.事件表示程式和使用者之間的互動，例如在文字框中輸入，在列表框或組合框中選擇，選中複選框和單選框，單擊按鈕等。

Android中的webview監聽每次URL變化例項

通過這個可以監聽Android中webview訪問的URL變化： webView.setWebViewClient(new WebViewClient(){

詳解ASP.NET Core中配置監聽URLs的五種方式

預設情況下，ASP. NET Core應用會監聽一下2個Url: http://localhost:5000 https://localhost:5001

父元件監聽本地vuex中的資料，然後傳遞給子元件，子元件也要監聽才能變化

//父元件 <heart-wear-connection :isShouhuan=\"isShouhuan\"></heart-wear-connection> watch: {

重學 Java 設計模式：實戰觀察者模式「模擬類似小客車指標搖號過程，監聽訊息通知使用者中籤場景」

作者：小傅哥部落格：https://bugstack.cn - 原創系列專題文章沉澱、分享、成長，讓自己和他人都能有所收穫！

QQ群訊息監聽並將訊息儲存到SQLite資料庫中

目錄一、前言二、效果圖 1、外掛介面 2、SQLite資料庫 3、QQ群訊息三、準備工作