我以這使得自定義複選框:定製複選框:如何檢查複選框是否被選中與否
也可在計算器:enter link description here
,但我想檢查框是否劃過支票或沒有,但我失敗了bcz jquery是nt顯示任何東西。
$(document).ready(function() {
var ckbox = $('#demo_box_2');
$('#demo_box_2').on('click',function() {
if (ckbox.is(':checked')) {
alert('You have Checked it');
} else {
alert('You Un-Checked it');
}
});
});
input[type=checkbox].css-checkbox { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
input[type=checkbox].css-checkbox + label.css-label { padding-left:20px; height:15px; display:inline-block; line-height:15px; background-repeat:no-repeat; background-position: 0 0; font-size:15px; vertical-align:middle; cursor:pointer; }
input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -15px; } .css-label{ background-image:url(http://csscheckbox.com/checkboxes/lite-x-red.png); }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<input id="demo_box_2" class="css-checkbox" type="checkbox" />
<label for="demo_box_2" name="demo_lbl_2" class="css-label">Selected Option</label>
</form>
我不知道我錯了,我是否正確地傳遞ID到jQuery的,但仍然無法理解。
嗨,你的代碼似乎完美地 –