How to check a box

[Pierre-Henry Perret]

We can get the checked state of a box with the dom function .-checked 

But is it possible to make a box checked ?

Sort of .-setChecked true/false 

[Creighton Kirkendall]

You should be able to use "set!"  (fn [node] (set! (.-checked node) true))

CK

[Pierre-Henry Perret]

Thanks Creighton,

but this doesn't do nothing: no error, no checked toggle...

______________

___________________

[Pierre-Henry Perret]

In fact when I evaluate thie expr at the repl:

_____________________

(em/at js/document ["ul > li > .view > input"] (set! (.-checked %) true))

____________________________

I get

_____________

#<TypeError: Object true has no method 'call'>

____________________

[Pierre-Henry Perret]

If I do

______________

 (em/at js/document ["ul > li > .view > #check"] (em/set-attr :checked "checked"))

______________________

the :checked attr is effectively set to "checked", but the toglle checkbox doesnt change.

[Creighton Kirkendall]

Use set-prop instead of set-attr.  It another transform.  Sorry for the short messages only have my phone on me.

CK

[Pierre-Henry Perret]

It seems that em/set-prop is not defined...

[Pierre-Henry Perret]

After all, the checked state of the radio button is a properties ( we can see that in the live dom in chrome for instance)

So something like:

___________________________

(em/at js/document ["ul > li > .view > input"] #(em/set-attr % :properties {:checked true}))

_________________________________

should work... but It doesn't. So the question is Why is it not so simple ?

[Creighton Kirkendall]

That is what set-prop was designed for.  What version of enfocus are you using.

CK

[Pierre-Henry Perret]

I use enfocus as a git dependencies, commit 2eb2aaf78fe9d73eb3ad8094c5b5fe31b7366c46

[Pierre-Henry Perret]

Hi Creighton,

Which version that contains the set-prop macro should I use ?

[Creighton Kirkendall]

It seems that I left set-prop out if the base transforms.  This was not intentional and will be fixed this weekend when i get back from vacation.   In the mean time here is a custom transform to do what you need.

(defn set-checked []
  (ef/chainable-standard
     (fn [node] (set! (.-checked node) true))))

C K

[Dan Campbell]

Related to this (from a hundred years ago), is there a direct way to find out which radio button in a group is checked?  That is, returning the id of the check button?

So, if you had

<input type="radio" id="rb_Grp01_01" name="rb_Grp01" value="on" checked style="position:absolute;left:266px;top:280px;z-index:21;" tabindex="50" title="rb_Grp01_01">

<input type="radio" id="rb_Grp01_02" name="rb_Grp01" value="on" style="position:absolute;left:298px;top:280px;z-index:22;" tabindex="55" title="rb_Grp01_02">

<input type="radio" id="rb_Grp01_03" name="rb_Grp01" value="on" style="position:absolute;left:329px;top:280px;z-index:23;" tabindex="60" title="rb_Grp01_03">

, you would want to return the rb_Grp01_01 id.

[ckirkendall]

Dan,

The easiest way is to use the read-form-input extractor defined here: https://ckirkendall.github.io/enfocus-site/#doc-extract.  

Another way is how I do in the enfocus tests:  https://github.com/ckirkendall/enfocus/blob/master/test/cljs/enfocus/core_test.cljs#L519

[Dan Campbell]

Thanks, Ckirkendall.

Yep, I've been looking at the docs, and am probably interpreting them wrong.

So for examples,

Using the specific radio button id works fine:

( ef/at [ :#btn_ShowRadioButton_Status ] ( ev/listen :click #( js/alert ( ef/from "#rb_Grp01_01" ( ef/get-prop :checked )))))

returns true

, as expected.

( ef/at [ :#btn_ShowRadioButton_Status ] ( ev/listen :click #( js/alert  ( ef/from "#rb_Grp01_01" ( ef/read-form-input )))))

return on

, as expected.

But changing to the group name, instead of the button name, in order to try to retrieve the selected button:

( ef/at [ :#btn_ShowRadioButton_Status ] ( ev/listen :click #( js/alert  ( ef/from "#rb_Grp01" ( ef/read-form-input )))))        

returns null, whatever radio button is selected.        

( ef/at [ :#btn_ShowRadioButton_Status ] ( ev/listen :click #( js/alert  ( ef/from "#rb_Grp01" ( ef/filter :checked ( ef/get-prop :value ))))))

returns null

The problem is that the group is identified by the name rb_Grp01, rather than the id.

--

---
You received this message because you are subscribed to a topic in the Google Groups "Enfocus" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/enfocus/c87sFLOrhPQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to enfocus+u...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Creighton Kirkendall]

Dan,
These are css3 selectors so to select an item by an attribute like name.  You need a selector like "[name='...']" vs "#..."

You received this message because you are subscribed to the Google Groups "Enfocus" group.
To unsubscribe from this group and stop receiving emails from it, send an email to enfocus+u...@googlegroups.com.

[Dan Campbell]

Great, I'll try it, thanks.