标签:
1、问题背景
设计一组复选框,并获取复选框的值
2、实现源码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>dojo-复选框</title> <link rel="stylesheet" href="../js/dojo-release-1.11.1-src/dijit/themes/claro/claro.css" /> <script type="text/javascript" src="../js/jquery-1.12.4.js"></script> <script type="text/javascript" src="../js/dojo-release-1.11.1-src/dojo/dojo.js"></script> <style> body,html{ width: 99%; height: 99%; font-family: "微软雅黑"; font-size: 12px; overflow: hidden; } </style> <script> dojoConfig={async:true,parseOnLoad:true} </script> <script> require(["dijit/form/CheckBox", "dojo/domReady!"], function(CheckBox){ var checkBox = new CheckBox({ name: "checkBox", value: "男", checked: false, onChange: function(b){ alert(this.get(‘value‘) ); } }, "man").startup(); var checkBox1 = new CheckBox({ name: "checkBox", value: "女", checked: false, onChange: function(b){ alert(this.get(‘value‘) ); } }, "woman").startup(); }); </script> </head> <body class="claro"> <input id="man" /> <label for="man">男</label> <input id="woman" /> <label for="woman">女</label> </body> </html>
(1)当勾选“男”时
(2)当勾选“女”时
标签:
原文地址:http://blog.csdn.net/you23hai45/article/details/51854642