I’m just trying to figure out how to link up a set of radio buttons and put them into a database using react and meteor. I’ve looked through this links and I’m still struggling to understand how I can grab the value from the value of the radio button and put that into the database. I’m sorry to waste your time but any help would be greatly appreciated.
addPurchase(e) {
e.preventDefault();
var value = React.findDOMNode(this.refs.radio).value
console.log(value)
Meteor.call('addPerson', value);
},
render() {
return(
<div className="container">
<div className="row">
<div className="col-xs-12">
<h1>Add Purchase</h1>
<form id="new-ninja-form" onSubmit={this.addPurchase}>
<div className="IT Purchase Request">
<label htmlFor="IT Purchase Request"><input ref="radio" name="radio" type="radio" value="" />IT Purchase Request</label>
</div>
<div className="IT Receiver">
<label htmlFor="IT Receiver"><input ref="radio" name="radio" type="radio" value="" />IT Receiver</label>
</div>
<div className="Employee Reimbursement Request">
<label htmlFor="Employee Reimbursement Request"><input name="radio" type="radio" value="" />Employee Reimbursement Request</label>
</div>
<div className="Other Purchase Request">
<label htmlFor="Other Purchase Request"><input name="radio" type="radio" value="" />Other Purchase Request</label>
</div>
<div className="Other Receiver">
<label htmlFor="Other Receiver"><input name="radio" type="radio" value="" />Other Receiver</label>
</div>
<div className="Equipment Maintenance Request">
<label htmlFor="Equipment Maintenance Request"><input name="radio" type="radio" value="" />Equipment Maintenance Request</label>
</div>
<label for="sel1">Employee Name:</label>
<select className="form-control" ref="employee" value="employee">
{this.renderUsers()}
</select>
<div className="form-group">
<button type="submit" className="btn btn-primary">Add Purchase</button>
</div>
</form>
</div>
</div>
</div>
)
}