bootstrap 스위치 컨트롤
3911 단어 bootstrap
1、
<link rel="stylesheet" href="bootstrap-switch/css/bootstrap-switch.css" />
<script type="application/javascript" src="js/jquery-1.10.2.min.js">script>
<script type="application/javascript" src="bootstrap-switch/js/bootstrap-switch.js">script>
2、
<input type="checkbox" name="box" id="c">
<script>
$(function(){
$('#c').bootstrapSwitch({
onText:" ",
offText:" ",
onColor:"success",
offColor:"info",
size:"small",
onSwitchChange:function(event,state){
if(state==true){
$(this).val("1");
}else{
$(this).val("2");
}
}
})
});
script>
3、
<div class="switch">
<input type="checkbox" name="close" data-on-text=" " data-off-text=" "/>
div>
<script type="text/javascript">
$(function(){
$("input[name='close']").bootstrapSwitch();
});
script>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Svelte에 Bootstrap 5를 설치하는 방법안녕하세요 여러분, 오늘 이 섹션에서는 부트스트랩 5를 svelte로 설치 및 설정합니다. 이 섹션에서는 vite 도구와 Svelte 3을 사용합니다. Svelte에 부트스트랩 5 설치 Svelte 프로젝트 만들기 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.