Sweet Alert 2 Multiple复选框

时间:2019-03-27 21:42:57

标签: jquery checkbox popup sweetalert

我正在使用此“甜蜜提醒2”,我需要多个复选框, 在文档中,有多个选择的“ input-radio”选项,但复选框选项只有一个选择。

是否可以通过复选框选择使用此脚本?

swal({
  title: 'Select color',
  input: 'radio',
  inputOptions: {
    '#ff0000': 'Red',
    '#00ff00': 'Green',
    '#0000ff': 'Blue'
  }
})

谢谢

1 个答案:

答案 0 :(得分:0)

它本身不受支持,但是您可以通过编写自己的HTML来轻松实现:

swal({
    title: 'Multiple checkbox inputs',
    html: `
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="" id="checkbox1">
                <label class="form-check-label" for="checkbox1">
                    checkbox1
                </label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="" id="checkbox2">
                <label class="form-check-label" for="checkbox2">
                    checkbox2
                </label>
            </div>
    `,
    focusConfirm: false,
    preConfirm: () => {
        console.log('Is checkbox1 checked:' + document.getElementById('checkbox1').checked);
        console.log('Is checkbox2 checked:' + document.getElementById('checkbox2').checked);
    }
});