html文本中的輸入類型複選框不起作用

我已經爲sweetalert定義了以下對話框。一切工作正常，但複選框沒有出現。還有什麼我需要改變？我已經足夠的搜索，但沒有找到任何解決方案。html文本中的輸入類型複選框不起作用

Sweetalert對話框：

swal({ title: "Are you sure?", text:" <form><input type='checkbox' name='vehicle' value='Bike'>I have a bike<br></form> Workload will be validated by you for cbs merge! <div class='text-danger'>" +wl_name+ "</div>" , 
            showCancelButton: true, type: "info", 
            confirmButtonColor: "#DD6B55", confirmButtonText: "Yes, validate it!", cancelButtonText: "No, cancel pleaase!", 
            closeOnConfirm: false, closeOnCancel: false, html:true , showLoaderOnConfirm: true},)

所有其它的HTML標籤正在fine..only此複選框不上sweetalert彈出模型可見。

如果您需要更多信息，請讓我知道。

來源

2016-04-04 undefined

SweetAlert不支持自定義表單輸入，但SweetAlert2確實:)，不知道他們的CSS怎麼回事。

JSFIDDLE

$('document').ready(function() { 
    $(document).on('click', '.test', function() { 
    swal({ 
     title: "Are you sure?", 
     html: '<form><input type="checkbox">I have a bike<br></form> Workload will be validated by you for cbs merge! <div class="text-danger">test</div>', 
     showCancelButton: true, 
     type: "input", 
     confirmButtonColor: "#DD6B55", 
     confirmButtonText: "Yes, validate it!", 
     cancelButtonText: "No, cancel pleaase!", 
     closeOnConfirm: true, 
     closeOnCancel: true, 
     showLoaderOnConfirm: true, 
    }); 
    }); 
});

來源

2016-04-20 20:54:16

改變'類型：「輸入」，'來'輸入：'複選框'，'應該修復樣式問題。 'type'切換模式類型圖標，而'input'切換輸入類型。 – Winfried

有一個在SweetAlert2使用checkbox模態型的好方法：

swal({ 
 
    title: 'Do you have a bike?', 
 
    input: 'checkbox', 
 
    inputPlaceholder: 'I have a bike' 
 
}).then(function(result) { 
 
    if (result.value) { 
 
    swal({type: 'success', text: 'You have a bike!'}); 
 

 
    } else if (result.value === 0) { 
 
    swal({type: 'error', text: "You don't have a bike :("}); 
 

 
    } else { 
 
    console.log(`modal was dismissed by ${result.dismiss}`) 
 
    } 
 
})

<script src="https://unpkg.com/[email protected]/dist/sweetalert2.all.js"></script>

來源

2016-05-03 20:46:50

多選複選框和複選框選擇？ @limonte –

這對我來說非常合適。 – Ciprian

不適用於我。在我的情況下，如果選中'result'將爲1，未選中0。 'result.value'未定義 –

html文本中的輸入類型複選框不起作用

回答

相關問題