JSFiddle - React, Tailwind, and code Playground

by Guruprasad Rao

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.2/css/bootstrap2/bootstrap-switch.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.2/js/bootstrap-switch.js"></script>
<input type="checkbox" name="my-checkbox" checked/>
<input type="checkbox" name="my-checkbox1" checked/>
<input type="checkbox" name="my-checkbox2" checked/>

JavaScript

//Demo 1

$("[name='my-checkbox']").bootstrapSwitch({
	disabled:true
});

//Demo 2

$("[name='my-checkbox1']").bootstrapSwitch();
$("[name='my-checkbox1']").bootstrapSwitch('disabled',true);

//Demo 3
$("[name='my-checkbox2']").bootstrapSwitch();
$("[name='my-checkbox2']").bootstrapSwitch('toggleDisabled',true,true);