먼저 다음 코드를 참조하십시오. 특정 체크 박스 (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 함수를 사용하여이를 수행하는 방법은 무엇입니까? – SubhojithandleCheck 함수 내부에서이 코드를 사용하려고합니다. 하지만 작동하지 않습니다. - if (e.currentTarget.id === 'cfc1') {document.getElementById (e.currentTarget.id) .checked = false; } – Subhojit
처음 실행하면 검사하기 때문에 작동하지 않습니다. 곧 업데이트를 추가 하겠지만 사용 사례는'onCheck' 핸들러에서만 할 필요가 있습니까? –