3

React アプリで Framework7 チェックボックスを使用しています。チェックボックスがチェックされるたびにアプリの状態を更新するonClick設定があります。<input type="checkbox">デスクトップ ブラウザーでは問題なく動作しますが、onClickイベントはモバイル デバイスでは登録されません。Framework7 でこの問題に遭遇した人はいますか? 以下のコード例を参照してください (簡潔にするために不要なコードは削除されています)。

私の入力：

<label className="label-checkbox item-content">
  <input className="fileChkBoxes" type="checkbox" name="chkName" onClick={this.handleChange.bind(this)}/>
    <div className="item-media">
       <i className="icon icon-form-checkbox"></i>
    </div>
</label>

私のonClick機能（簡略化）：

handleChange() {
    let filesChecked = [];
    let fileInput = document.getElementsByClassName('fileChkBoxes');
    for (let i = 0; fileInput[i]; ++i) {
        if (fileInput[i].checked) {
            filesChecked.push(fileInput[i].value);
        }
    }
    ProjectActions.batchDelete(filesChecked);
}
4

5 に答える 5

0

チェックボックスを実際にクリックしないために発生します。onChange代わりに使用するだけでonClick、これははるかに正確になります

于 2016-02-22T22:43:01.303 に答える