JavaScript DHTML/Dojo toolkit/CheckBox

Материал из Web эксперт
Перейти к: навигация, поиск

CheckBox checked state

   <source lang="html4strict">

<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="html4strict">

<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>
Text.
   <button id="signup" disabled dojoType="dijit.form.Button" type="submit">Button</button>
    

</body> </html>

 </source>
   
  


CheckBox preset value

   <source lang="html4strict">

<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="html4strict">

<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="html4strict">

<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="html4strict">

<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="html4strict">

<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="html4strict">

<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>