.attr demo improvements

Author: starzu

example/src/main/scala/io/udash/demos/jquery/views/functions/AttrView.scala

@@ -18,13 +18,17 @@ class AttrView extends FunctionView {
     label(`for` := "check1")("Check me"),
     p(),
     button(onclick :+= ((_: Event) => {
-      jQ(".demo input").attr("checked", "checked").change()
+      jQ(".demo input").attr("data-checked", "checked").change()
       false
-    }))(".attr(\"checked\", \"checked\")"),
+    }))(".attr(\"data-checked\", \"checked\")"),
     button(onclick :+= ((_: Event) => {
-      jQ(".demo input").attr("checked", "").change()
+      jQ(".demo input").attr("data-checked", "").change()
       false
-    }))(".attr(\"checked\", \"\")"), br(),
+    }))(".attr(\"data-checked\", \"\")"),
+    button(onclick :+= ((_: Event) => {
+      jQ(".demo input").attr("data-checked", null).change()
+      false
+    }))(".attr(\"data-checked\", null)"), br(),
     button(onclick :+= ((_: Event) => {
       jQ(".demo input").prop("checked", true).change()
       false
@@ -38,7 +42,7 @@ class AttrView extends FunctionView {
   override protected val script = () => {
     jQ(".demo input").change((input: Element, _: JQueryEvent) => {
       jQ(".demo p").html(
-        s""".attr('checked'): ${jQ(input).attr("checked")}<br/>
+        s""".attr('data-checked'): ${jQ(input).attr("data-checked")}<br/>
            |.prop('checked'): ${jQ(input).prop("checked")}<br/>
            |.is(':checked'): ${jQ(input).is(":checked")}""".stripMargin
       )