首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在选择引导多选择的ckeckbox时发出警报?

如何在选择引导多选择的ckeckbox时发出警报?
EN

Stack Overflow用户
提问于 2017-10-25 06:23:29
回答 2查看 599关注 0票数 0

我正在使用bootstrap multiselect。当选中特定的复选框时,我希望生成一个alert

我的html如下所示

代码语言:javascript
复制
<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>

我想在选中校对复选框时生成一个警报。

我尝试了下面的代码

代码语言:javascript
复制
 if( $('.multiselect-container>li>a>label>input[type=checkbox][value="proofs"]').prop("checked") == true)){
        alert("proofs checked");
    }

但是没有人能帮我。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-10-25 06:36:17

您可以使用onChange事件的bootstrap multiselect获得所选的选项。正如您在问题中提到的,下面的代码只检查Proofs和警报用户。

代码语言:javascript
复制
$('#example-getting-started').multiselect({
    onChange: function (element, checked) {
	if (checked === true) {
	   if ($(element).val() == "Proofs")  alert("proofs checked");
	}
   }
});
代码语言:javascript
复制
<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>

票数 1
EN

Stack Overflow用户

发布于 2017-10-25 06:28:24

试试这个:

代码语言:javascript
复制
$('#checkboxid').change(function() {
    if ($('#checkboxid').prop('checked')) {
        //checked - insert code here
    }
    else {
        //not checked - insert code here
    }
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46925299

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档