Answers:
查看他们的文档,他们具有$.uniform.update
刷新“统一”元素的功能。
示例: http ://jsfiddle.net/r87NH/4/
$("input:checkbox").uniform();
$("body").on("click", "#check1", function () {
var two = $("#check2").attr("checked", this.checked);
$.uniform.update(two);
});
1.4.4
,但指向js和css文件的链接已断开。这是更新的小提琴。如果您的意思是在其中专门存在问题1.6
,那么这可能是对的,因为jQuery更改了,然后恢复了的行为.attr()
。使用1.6
或更高版本,您实际上应该使用.prop()
。
一个简单的解决方案是执行此操作,而不是使用统一:
$('#check1').prop('checked', true); // will check the checkbox with id check1
$('#check1').prop('checked', false); // will uncheck the checkbox with id check1
这不会触发任何定义的点击动作。
您还可以使用:
$('#check1').click(); //
这将切换复选框的选中/取消选中状态,但也会触发您定义的任何点击操作。所以要小心
编辑:jQuery 1.6 + prop()
不attr()
用于复选框选中的值
$("#chkBox").attr('checked', false);
这对我有用,它将取消选中该复选框。以同样的方式,我们可以使用
$("#chkBox").attr('checked', true);
检查复选框。
如果您使用统一1.5,则使用此简单技巧来添加或删除check属性
只需在复选框的输入字段中添加value =“ check”。
在添加该代码uniform.js
> function doCheckbox(elem){
>.click(function(){
if ( $(elem+':checked').val() == 'check' ) {
$(elem).attr('checked','checked');
}
else {
$(elem).removeAttr('checked');
}
如果您不想在输入框中添加value =“ check”,因为在某些情况下您要添加两个复选框,请使用
if ($(elem).is(':checked')) {
$(elem).attr('checked','checked');
}
else
{
$(elem).removeAttr('checked');
}
如果您使用统一2.0,则使用此简单技巧
在此classUpdateChecked($tag, $el, options) {
功能更改中添加或删除check属性
if ($el.prop) {
// jQuery 1.6+
$el.prop(c, isChecked);
}
至
if ($el.prop) {
// jQuery 1.6+
$el.prop(c, isChecked);
if (isChecked) {
$el.attr(c, c);
} else {
$el.removeAttr(c);
}
}
$('#check1').prop('checked', true).uniform();
$('#check1').prop('checked', false).uniform();
这对我有用。
首先,checked
可以具有的值checked
或空字符串。
$("input:checkbox").uniform();
$('#check1').live('click', function() {
$('#check2').attr('checked', 'checked').uniform();
});
checked
。
HTMLInputElement
。看看checked
属性。
在某些情况下,您可以使用以下命令:
$('.myInput').get(0).checked = true
对于切换,您可以使用if else函数
$("#checkall").change(function () {
var checked = $(this).is(':checked');
if (checked) {
$(".custom-checkbox").each(function () {
$(this).prop("checked", true).uniform();
});
} else {
$(".custom-checkbox").each(function () {
$(this).prop("checked", false).uniform();
});
}
});
// Changing state of CheckAll custom-checkbox
$(".custom-checkbox").click(function () {
if ($(".custom-checkbox").length == $(".custom-checkbox:checked").length) {
$("#chk-all").prop("checked", true).uniform();
} else {
$("#chk-all").removeAttr("checked").uniform();
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id='checkall' /> Select All<br/>
<input type="checkbox" class='custom-checkbox' name="languages" value="PHP"> PHP<br/>
<input type="checkbox" class='custom-checkbox' name="languages" value="AngularJS"> AngularJS<br/>
<input type="checkbox" class='custom-checkbox' name="languages" value="Python"> Python<br/>
<input type="checkbox" class='custom-checkbox' name="languages" value="Java"> Java<br/>