checkbox页面增加取值示例

examples/hello-mui/examples/checkbox.html

@@ -31,12 +31,12 @@
 			<div class="mui-card">
 				<form class="mui-input-group">
 					<div class="mui-input-row mui-checkbox mui-left">
-						<label>checkbox</label>
-						<input name="checkbox" type="checkbox" >
+						<label>checked:false</label>
+						<input name="checkbox" value="Item 1" type="checkbox" >
 					</div>
 					<div class="mui-input-row mui-checkbox mui-left">
-						<label>checkbox</label>
-						<input name="checkbox" type="checkbox" checked>
+						<label>checked:true</label>
+						<input name="checkbox" value="Item 2" type="checkbox" checked>
 					</div>
 					<div class="mui-input-row mui-checkbox mui-left mui-disabled">
 						<label>disabled checkbox</label>
@@ -48,12 +48,12 @@
 			<div class="mui-card">
 				<form class="mui-input-group">
 					<div class="mui-input-row mui-checkbox">
-						<label>checkbox</label>
-						<input name="checkbox1" type="checkbox" >
+						<label>checked:false</label>
+						<input name="checkbox1" value="Item 3" type="checkbox" >
 					</div>
 					<div class="mui-input-row mui-checkbox">
-						<label>checkbox</label>
-						<input name="checkbox1" type="checkbox" checked>
+						<label>checked:true</label>
+						<input name="checkbox1" value="Item 4" type="checkbox" checked>
 					</div>
 					<div class="mui-input-row mui-checkbox mui-disabled">
 						<label>disabled checkbox</label>
@@ -68,5 +68,9 @@
 		mui.init({
 			swipeBack:true //启用右滑关闭功能
 		});
+		mui('.mui-input-group').on('change', 'input', function() {
+			var value = this.checked?"true":"false";
+			this.previousElementSibling.innerText = "checked："+value;
+		});
 	</script>
 </html>
\ No newline at end of file