How can assign multiple html element values in one call?

Question

I have a bunch of radio buttons with several duplicate attributes. Can I somehow assign all these in one place, maybe like [a, b, c] = (js)()? Thank you.

<input type="radio" value={`${index}-0`} 
                      key={`${index}-0`} 
                       id={`${index}-0`}
  checked={this.state.selections[index] === 0 }
  onChange={this.handleChange} />
<label htmlFor={`${index}-0`} className="pure-radio"> 0 </label>

If you were using Angular, you can simply write <input type="radio" [value]="index0" [key]="index0" [id]="index0"> in your template file and change index0 in your js file. — KaiserKatze
– KaiserKatze, Commented Aug 21, 2018 at 4:34

AaronHolland · Accepted Answer · 2018-08-21 04:49:56Z

1

Why not just assign them to the same variable? It's not quite what you are wanting, but better than your current situation.

var key = `${index}-0`;
...
<input type="radio" value={key} 
                  key={key} 
                   id={key}
                 checked={this.state.selections[index] === 0 }
                 onChange={this.handleChange} />
<label htmlFor={key} className="pure-radio"> 0 </label>

answered Aug 21, 2018 at 4:49

AaronHolland

1,6951 gold badge19 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bhojendra Rauniyar · Accepted Answer · 2018-08-21 04:55:52Z

0

All the attributes of an element is saved in attributes.

const attrs = document.getElementById('your_id').attributes

You can loop through them to access the attributes. See the example in the provided link.

Or, you can use getNamedItem to access desired attribute:

attrs.getNamedItem('id') // to get id attribute

answered Aug 21, 2018 at 4:55

Bhojendra Rauniyar

86.1k36 gold badges179 silver badges241 bronze badges

Collectives™ on Stack Overflow

How can assign multiple html element values in one call?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related