Hộp kiểm ba trạng thái cho Bootstrap
Bản trình diễn trực tuyến
Yêu cầu- Bootstrap 2. 3. 2+
- jQuery1. 8. 1+
hộp kiểm cơ bản
$['#checkbox1'].checkbox[];
Hộp kiểm ba trạng thái
$['#checkbox2'].checkbox[].chbxChecked[null];
kiểm tra sự kiện
parent
child1
child2
child3
var welChild = $['.checkbox-child'].checkbox[]; var welParent = $['#checkbox-parent'].checkbox[]; // check event on parent checkbox welParent.on['check', function[e]{ // remove ambiguous; welParent.chbxChecked[e.checked]; welChild.each[function[i, element] { $[element].chbxChecked[e.checked]; }]; }]; // check event on child checkbox welChild.on['check', function[e] { var bAnd = true, bOr = false; welChild.each[function[i, element]{ var bChecked = $[element].chbxChecked[]; bAnd = bAnd && bChecked, bOr = bOr || bChecked; }]; var bChecked = bAnd === true || [bAnd === false && bOr === false ? false : null]; welParent.chbxChecked[bChecked]; }];
tùy chọn nhãn
label
$['#checkbox4'].checkbox[{label:'#label'}];
Thay đổi giá trị
________số 8_______
var welCheckbox5 = $['#checkbox5'].checkbox[]; $['#value'].html[welCheckbox5.chbxVal[]]; $['#change-value'].on['click', function[]{ var value = parseInt[welCheckbox5.chbxVal[]] + 1; welCheckbox5.chbxVal[value]; $['#value'].html[welCheckbox5.chbxVal[]]; }];
Thay đổi trạng thái kiểm tra
$['#checkbox1'].checkbox[];0
$['#checkbox1'].checkbox[];1
Làm cách nào để thêm hộp kiểm trong bootstrap 4?
Sử dụng phần tử trình bao bọc có class="form-check" để đảm bảo lề thích hợp cho nhãn và hộp kiểm . thêm. lớp biểu mẫu-kiểm tra-nhãn để gắn nhãn các phần tử và. các hộp kiểm biểu mẫu-kiểm tra-đầu vào để tạo kiểu bên trong.
Làm cách nào để sử dụng nút chuyển đổi trong bootstrap 4?
Add data-toggle="buttons" to a . btn-group containing those modified buttons to enable their toggling behavior via JavaScript and add . btn-group-toggle to style the s within your buttons. Note that you can create single input-powered buttons or groups of them.
Làm cách nào để kiểm tra xem hộp kiểm có được chọn trong bootstrap không?
$[tài liệu]. on['change','#briskbusiness',function[] { if[this. đã chọn]{ alert[];
Làm cách nào để làm cho trường đầu vào phản hồi nhanh trong bootstrap?
Bạn có thể áp dụng các lớp bootstrap để đáp ứng chiều rộng . Bạn có thể tạo cho nó một đường viền nếu muốn, để làm cho nó trông giống như một đầu vào. Sử dụng textContent thay vì giá trị để truy cập dữ liệu và sử dụng sự kiện tiêu điểm thay vì sự kiện thay đổi. Lưu câu trả lời này.