如何在选择 bootstrap 多选复选框时发出警报？

Question

我正在使用 bootstrap multiselect。我想在选中特定复选框时生成 alert。

我的html看起来像下面

<label>Particulars :</label>
    <select id="example-getting-started" multiple="multiple">
        <option value="DS Form">DS Form</option>
        <option class="proof" value="Proofs">Proofs</option>
        <option value="Banners">Banners</option>
        <option value="IRCTC Form">IRCTC Form</option>
        <option value="R3 Form Returned">R3 Form Returned</option>
        <option value="Declaration Form">Declaration Form</option>
        <option value="Agent Declaration Form">Sub Agent Declaration Form</option>
        <option value="Old Tokens">Old Tokens</option>
        <option value="11">Registration Form </option>
        <option value="12">12</option> 
</select>

我想在选中校样复选框时生成警报。

我试过下面的代码

 if( $('.multiselect-container>li>a>label>input[type=checkbox][value="proofs"]').prop("checked") == true)){
        alert("proofs checked");
    }

但是它不起作用任何人都可以帮助我。

Answer 1

试试这个：

$('#checkboxid').change(function() {
    if ($('#checkboxid').prop('checked')) {
        //checked - insert code here
    }
    else {
        //not checked - insert code here
    }
});

Answer 2

您可以使用 bootstrap multiselect 的 onChange 事件来获取选定的选项。如您的问题所述，以下代码仅检查 Proofs 并提醒用户。

$('#example-getting-started').multiselect({
    onChange: function (element, checked) {
 if (checked === true) {
    if ($(element).val() == "Proofs")  alert("proofs checked");
 }
   }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.min.js"></script>

<label>Particulars :</label>
<select id="example-getting-started" multiple="multiple">
 <option value="DS Form">DS Form</option>
 <option class="proof" value="Proofs">Proofs</option>
 <option value="Banners">Banners</option>
 <option value="IRCTC Form">IRCTC Form</option>
 <option value="R3 Form Returned">R3 Form Returned</option>
 <option value="Declaration Form">Declaration Form</option>
 <option value="Agent Declaration Form">Sub Agent Declaration Form</option>
 <option value="Old Tokens">Old Tokens</option>
 <option value="11">Registration Form </option>
 <option value="12">12</option>
</select>

如何在选择 bootstrap 多选复选框时发出警报？

how to put alert on selecting bootstrap multiselect ckeckbox?

jquery

bootstrap-multiselect