最初に次のコードを参照してください。 特定のチェックボックス(ID:cfc1)をクリックするたびにチェックしないようにします。 私はここにonCheck
関数を使用しています。私は特定の要素をクリックするたびにチェックが外されて表示されることはありません。私はコードを使用しようとしています -チェックボックスの問題oncheck機能
if(e.currentTarget.id === 'cfc1') {
document.getElementById(e.currentTarget.id).checked = false;
}
しかし、それは動作していません。
onCheck
機能の使用方法は?
import React, {Component} from 'react';
import Checkbox from 'material-ui/Checkbox';
class Checkboxes extends Component {
constructor() {
super();
this.state = {
checkids:['cfc0', 'cfc1', 'cfc2', 'cfc3']
};
this.handleCheck = this.handleCheck.bind(this);
this.getElements = this.getElements.bind(this);
}
getElements() {
let arr = [];
this.state.checkids.forEach(function(element) {
arr.push(
<Checkbox
id={element}
onCheck={this.handleCheck}
/>
);
}, this)
return arr;
}
handleCheck(e) {
console.log(e.currentTarget.id);
console.log(e.currentTarget.checked);
}
render() {
return(
<div>
{this.getElements()}
</div>
);
}
}
export default Checkboxes
経由
this.checked = false
を使用することができます申し訳ありませんが、私は少し私の質問を編集しました。 onCheck関数を使ってそれを行う方法は? – Subhojit私はこのコードをhandleCheck関数内で使用しようとしています。しかし、それは動作していません。 - if(e.currentTarget.id === 'cfc1'){document.getElementById(e.currentTarget.id).checked = false; } – Subhojit
これは最初に実行したときにチェックされるため、動作しません。私はすぐにアップデートを追加しますが、 'onCheck'ハンドラでのみ行う必要があるユースケースは何ですか? –