Comments (3)
@ezhlobo with a checkbox onChange, you can access the event.target.checked
property to see if it is checked, so you could translate that to the value
for example if your field name in formous is rememberMe
:
<input
type="checkbox"
checked={this.props.fields.rememberMe.value}
onChange={(event) => {
this.props.fields.rememberMe.events.onChange({
target: { value: event.target.checked }
});
}}
>
Remember me
</input>
and you could pull it to some helper function:
function onCheckedHandler(field) {
return function(event) {
field.events.onChange({
target: { value: event.target.checked }
});
};
}
// and using it
<input
type="checkbox"
checked={this.props.fields.rememberMe.value}
onChange={onCheckedHandler(this.props.fields.rememberMe)}
>
Remember me
</input>
from formous.
@ezhlobo I realize support for checkboxes and radios is not great.. or even present. We're on a temporary code freeze for now, but it'll get addressed during the rewrite.
from formous.
@ffxsam thank you, I understood!
@jhsu Yeah I've did the same trick to make rememberMe workable I just thought that there is any good solution which I can't find in documentation.
from formous.
Related Issues (13)
- setDefaultValues still renders without default HOT 3
- HTML demo page HOT 1
- Bug: inputs don't get validated on enter/return key HOT 2
- pass formStatus to wrapped component
- Doesn't support IE 9-11 HOT 8
- Working with nested form fields and default form values in this.state HOT 2
- Would like to display submit button disabled if invalid HOT 1
- Using failProps with react-bootstrap?
- Suggestion on package name HOT 2
- How to force to show field errors when first time hit submit HOT 1
- Something is breaking server-side rendering HOT 4
- Usage of HOC HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from formous.