Sử dụng giao diện người dùng jQuery Tôi có hai nút radio, Phê duyệt/Từ chối, mà tôi muốn tạo kiểu độc lập, vì vậy khi 'Chấp thuận' được chọn, nó sẽ có màu xanh dương và khi 'Từ chối' được chọn , nó sẽ có màu đỏ:Giao diện người dùng jQuery - thay đổi màu nút
xin lỗi cho khủng khiếp nút đỏ mockup của tôi :-) Hy vọng rằng điều này sẽ cung cấp cho bạn một ý tưởng về những gì tôi sau đó. Tôi đã thử thay đổi lớp của cả hai nút/nhãn, nhưng điều này không được phản ánh trên lớp phủ jQuery-UI.
Dưới đây là mã của tôi hiện nay đó là tạo ra các nút, và cũng có thể hiển thị một đánh dấu hoặc chéo tùy thuộc vào sự lựa chọn:
$('.approvedToggle').buttonset();
$('input:radio').click(function() {
if($(this).val() === 'approve') {
$(this).parent('div').children(".tick").show();
$(this).parent('div').children(".cross").hide();
} else {
$(this).parent('div').children(".tick").hide();
$(this).parent('div').children(".cross").show();
}
});
Bất kỳ trợ giúp sẽ được nhiều đánh giá cao - cảm ơn!
Bạn có một cách để phân biệt hai nút loại? (Xem một số đánh dấu và kiểu của bạn sẽ giúp ích ở đây.) Từ ảnh chụp màn hình của bạn, có vẻ như màu xanh lam được áp dụng trực tiếp cho chủ đề '.ui-button.ui-state-active 'trong chủ đề (không cần mã) thực sự là trường hợp? –
Cảm ơn bạn, đúng vậy :) – Nick
Bạn có thể đăng jQuery mà bạn đã thử không? – j08691