基本上我有两种数组。一种用于所有复选框值,另一种用于自定义值。所以,我的要求是我希望默认从自定义数组值中选择值到复选框选项。如何用reactjs实现?
这是我的示例代码,
var optionArray = ['item1', 'item2', 'item3', 'item4', 'item5', 'item6', 'item7'], selectedValue = ['item1', 'item5'];
var Items = optionArray.map(function(el, i){
var isChecked = el == selectedValue;
return <div key={i} className="radio-tick-row">
<input type="checkbox" className="radio-tick-input" id={"option"+i} value={el} name="selectOrganisationType" onChange={self.onChange.bind(self)} checked={isChecked} />
<label className="checkbox-tick-label term" htmlFor={"option"+i}><span>{el}</span></label>
</div>;
});
最佳答案
尝试 if in 数组条件:
var optionArray = ['item1', 'item2', 'item3', 'item4', 'item5', 'item6', 'item7'], selectedValue = ['item1', 'item5'];
var Items = optionArray.map(function(el, i){
var isChecked = false;
if(selectedValue.indexOf(el)) {
isChecked = true;
}
return <div key={i} className="radio-tick-row">
<input type="checkbox" className="radio-tick-input" id={"option"+i} value={el} name="selectOrganisationType" onChange={self.onChange.bind(self)} defaultChecked={isChecked} />
<label className="checkbox-tick-label term" htmlFor={"option"+i}><span>{el}</span></label>
</div>;
});
关于javascript - 如何在React js中进行多个检查选项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40421637/