Skip to content

B
bootstrap-multiselect
Commit 2082796c authored by David Stutz's avatar David Stutz
Browse files
Options

Fixed #580: example for using onChange in single selection mode.

parent da226707
Hide whitespace changes
Inline Side-by-side
Showing with 59 additions and 4 deletions
index.html
View file @ 2082796c
......@@ -4019,11 +4019,11 @@
$(document).ready(function() {
$('#example-confirmation').multiselect({
onChange: function(element, checked) {
if(checked === true) {
if (checked === true) {
//action taken here if true
}
else if(checked === false) {
if(confirm('Do you wish to deselect the element?')) {
else if (checked === false) {
if (confirm('Do you wish to deselect the element?')) {
//action taken here
}
else {
......@@ -4045,6 +4045,61 @@
</div>
<div class="highlight">
<pre class="prettyprint linenums">
&lt;script type=&quot;text/javascript&quot;&gt;
$(document).ready(function() {
$('#example-confirmation').multiselect({
onChange: function(element, checked) {
if (checked === true) {
//action taken here if true
}
else if (checked === false) {
if (confirm('Do you wish to deselect the element?')) {
//action taken here
}
else {
$("#example-confirmation").multiselect('select', element.val());
}
}
}
});
});
&lt;/script&gt;
</pre>
</div>
<p>
The above approach can also be adapted to be used in
</p>
<div class="example">
<script type="text/javascript">
$(document).ready(function() {
var lastSelected = $('#example-confirmation-single option:selected').val();
console.log(lastSelected);
$('#example-confirmation-single').multiselect({
onChange: function(element, checked) {
if (confirm('Do you wish to change the selection?')) {
lastSelected = element.val();
}
else {
$("#example-confirmation-single").multiselect('select', lastSelected);
$("#example-confirmation-single").multiselect('deselect', element.val());
}
}
});
});
</script>
<select id="example-confirmation-single">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
<option value="6">Option 6</option>
</select>
</div>
<div class="highlight">
<pre class="prettyprint linenums">
&lt;script type=&quot;text/javascript&quot;&gt;
$(document).ready(function() {
$('#example-confirmation').multiselect({
......@@ -4066,7 +4121,7 @@
&lt;/script&gt;
</pre>
</div>
<p>
Limit the number of selected options using the <code>onChange</code> option. The user may only select a maximum of 4 options. Then all other options are disabled.
</p>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment