JavaScript Tutorial/Dojo toolkit/CheckBox
Содержание
CheckBox checked state
<source lang="javascript">
<html>
<head> <title></title> <link rel="StyleSheet" type="text/css" href="js/dojo/dojo/resources/dojo.css"> <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true, extraLocale: ["en-us"] }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script language="JavaScript" type="text/javascript"> dojo.require("dojo.parser"); dojo.require("dijit.form.CheckBox"); </script> </head> <body class="tundra">
<input id="cb" dojotype="dijit.form.CheckBox" name="developer"
checked="checked" value="on" type="checkbox" /> <label for="cb"> Are you a Developer </label> </body>
</html></source>
CheckBox onclick event
<source lang="javascript">
<html>
<head> <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> dojo.require("dijit.form.Button"); dojo.require("dijit.form.CheckBox"); </script> </head> <body class="tundra">
<script type="dojo/method" event="onClick" args="evt"> if (this.checked) dijit.byId("signup").setAttribute("disabled", false); else dijit.byId("signup").setAttribute("disabled", true); </script>
<button id="signup" disabled dojoType="dijit.form.Button" type="submit">Button</button>
</body> </html></source>
CheckBox preset value
<source lang="javascript">
<html>
<head> <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> dojo.require("dojo.parser"); dojo.require("dijit.form.CheckBox"); </script> </head> <body class="tundra"> <input id="cb" dojotype="dijit.form.CheckBox" name="developer" checked="checked" value="on" type="checkbox" /> <label for="cb">value</label> </body>
</html></source>
dojo check box creation
<source lang="javascript">
<html>
<head> <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> dojo.require("dojo.parser"); dojo.require("dijit.form.CheckBox"); </script> </head> <body class="tundra"> <input type="checkbox" id="cb1" dojoType="dijit.form.CheckBox"/> <label for="cb1">Check me</label> </body>
</html></source>
Get check box value
<source lang="javascript">
<html>
<head> <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> dojo.require("dijit.form.ToggleButton"); dojo.require("dijit.form.CheckBox"); </script> </head> <body class="tundra"> <button dojoType="dijit.form.ToggleButton">asdf <script type="dojo/method" event="onChange" args="newValue"> alert(dijit.byId("foo").getValue()); </script> </button> <input id="foo" dojoType="dijit.form.CheckBox"></input>
</body> </html></source>
Is checkbox checked
<source lang="javascript">
<html>
<head> <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> dojo.require("dijit.form.ToggleButton"); dojo.require("dijit.form.CheckBox"); </script> </head> <body class="tundra"> <button dojoType="dijit.form.ToggleButton">asdf <script type="dojo/method" event="onChange" args="newValue"> alert(dijit.byId("foo").checked); </script> </button> <input id="foo" dojoType="dijit.form.CheckBox"></input>
</body> </html></source>
Precheck checkbox
<source lang="javascript">
<html>
<head> <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> dojo.require("dojo.parser"); dojo.require("dijit.form.CheckBox"); </script> </head> <body class="tundra"> <input id="cb" dojotype="dijit.form.CheckBox" name="developer" checked="checked" value="on" type="checkbox" /> <label for="cb">value</label> </body>
</html></source>
Set checkbox value
<source lang="javascript">
<html>
<head> <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> dojo.require("dijit.form.ToggleButton"); dojo.require("dijit.form.CheckBox"); </script> </head> <body class="tundra"> <button dojoType="dijit.form.ToggleButton">asdf <script type="dojo/method" event="onChange" args="newValue"> alert(dijit.byId("foo").setValue(true)); </script> </button> <input id="foo" dojoType="dijit.form.CheckBox"></input>
</body> </html></source>