Как создать флажок с кнопкой удаления - PullRequest
Новая
       68

Как создать флажок с кнопкой удаления

0 голосов
/ 05 августа 2020

Как я могу создать флажок, который работает следующим образом: 1) нажмите кнопку редактирования -> 2) отобразите флажок перед данными (данные были импортированы из формы ax ios) -> 3) щелкните флажок, чтобы удалить удаление

html

<div class="gs-players-container">

        {{#each rooms}}

        <div class="player">
        {{addOne @index}} | {{alterName this}}
        
        <div style="margin:0" class="btn btn-small waves-effect waves-light remove-player">ลบผู้เล่น</div>
        </div>
        
        {{/each}}

JS код 

'click .remove-player'() {
        let check = load('กำลังลบผู้เล่น')
        axios.put(`${api_url}/my-gs/${this.id}`,
            { accept: 0 },
            { headers: { Authorization: 'Bearer ' + localStorage.getItem('pitch_token') } 
        }).then(res => {
            if (res.data.status == 'success') {
                check.dismiss()
                getGS()
            } else {
                console.log(res.data);
                check.dismiss()
                tellErr('ล้มเหลว กรุณาลองใหม่อีกครั้ง')
            }
        }).catch(err => {
            check.dismiss()
            tellErr(`${err}`)
        })

Ответы [ 2 ]

0 голосов
/ 05 августа 2020
0 голосов
/ 05 августа 2020

Вы можете использовать что-то подобное, чтобы удалить кнопку, когда флажок установлен. Я не уверен, о чем вы спрашиваете с помощью флажков редактирования и отображения данных. Будет проще, если вы покажете нам, что уже пробовали 

function DeleteBtn() {

  var checkbox = document.getElementById('checkbox');

  if (checkbox.checked == true) {
    var button = document.getElementById('btn');
    button.parentNode.removeChild(button);
  }

}
<input type="checkbox" id="checkbox" onclick="DeleteBtn()" />

<input type="button" value="something" id="btn" />
...