blocks|key|3203050|text|查看他们的文档，他们有一个$.uniform.update特性来刷新一个“统一的”元素。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3203051|示例：+http://jsfiddle.net/r87NH/4/|BOLD|3203052|$("input:checkbox").uniform();

$("body").on("click",+"#check1",+function+()+{
++++var+two+=+$("#check2").attr("checked",+this.checked);
++++$.uniform.update(two);
});|code-block|syntax|javascript|3203053|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/r87NH/4/^0|D|G|0|0|3|4|S|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Y|8|@$9|Z|A|10|B|H]]|D|@$9|11|A|12|1|13]]|E|$]]|$1|I|3|J|5|K|7|14|8|@]|D|@]|E|$L|M]]|$1|N|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|O|$P|$5|Q|R|S|E|$T|U]]]]

Looking at their docs, they have a <code>$.uniform.update</code> feature to refresh a "uniformed" element.

Example: <a href="http://jsfiddle.net/r87NH/4/" rel="noreferrer">http://jsfiddle.net/r87NH/4/</a>

<pre><code>$("input:checkbox").uniform();

$("body").on("click", "#check1", function () {
 var two = $("#check2").attr("checked", this.checked);
 $.uniform.update(two);
});
</code></pre>

blocks|key|2989544|text|一个更简单的解决方案是这样做，而不是使用uniform：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2989545|$('#check1').prop('checked',+true);+//+will+check+the+checkbox+with+id+check1
$('#check1').prop('checked',+false);+//+will+uncheck+the+checkbox+with+id+check1|code-block|syntax|javascript|2989546|这将不会触发任何已定义的单击操作。|2989547|您还可以使用：|2989548|$('#check1').click();+//+|2989549|这将切换复选框的选中/取消选中，但这也将触发您定义的任何单击操作。所以要小心。|2989550|编辑：jQuery+1.6%2B对复选框选中值使用prop()而不是attr()|offset|length|style|BOLD|CODE|2989551|entityMap^0|0|0|0|0|0|0|0|2|N|6|W|6|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Y|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Z|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|10|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|M|3|N|5|6|7|12|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|13|8|@$Q|14|R|15|S|T]|$Q|16|R|17|S|U]|$Q|18|R|19|S|U]]|9|@]|A|$]]|$1|V|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|W|$]]

A simpler solution is to do this rather than using uniform:

<pre><code>$('#check1').prop('checked', true); // will check the checkbox with id check1
$('#check1').prop('checked', false); // will uncheck the checkbox with id check1
</code></pre>

This will not trigger any click action defined. 

You can also use:

<pre><code>$('#check1').click(); // 
</code></pre>

This will toggle the check/uncheck for the checkbox but this will also trigger any click action you have defined. So be careful.

EDIT: jQuery 1.6+ uses <code>prop()</code> not <code>attr()</code> for checkboxes checked value

blocks|key|281538|text|$("#chkBox").attr('checked',+false);+|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|281539|这对我是有效的，这将取消选中该复选框。以同样的方式我们可以使用|unstyled|281540|$("#chkBox").attr('checked',+true);+|281541|要选中该复选框，请执行以下操作。|281542|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>$("#chkBox").attr('checked', false); 
</code></pre>

This worked for me, this will uncheck the check box.
In the same way we can use 

<pre><code>$("#chkBox").attr('checked', true); 
</code></pre>

to check the checkbox.

blocks|key|283586|text|如果您正在使用uniform+1.5，那么可以使用这个简单的技巧来添加或删除check的属性|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|283587|只需在复选框的输入字段中添加value="check“即可。|283588|在uniform.js+>+function+doCheckbox(elem){+>+.click(function(){中添加以下代码|style|CODE|283589|if+(+$(elem%2B':checked').val()+==+'check'+)+{
++++$(elem).attr('checked','checked');+++++++++++
}
else+{
++++$(elem).removeAttr('checked');
}+++|code-block|syntax|javascript|283590|如果您不想在输入框中添加value="check“，因为在某些情况下，您需要添加两个复选框，因此请使用以下代码|283591|if+($(elem).is(':checked'))+{
+$(elem).attr('checked','checked');
}++++
else
{++++
+$(elem).removeAttr('checked');
}|283592|如果您正在使用uniform+2.0，那么可以使用这个简单的技巧来添加或删除check的属性|283593|在此classUpdateChecked($tag,+$el,+options)+{函数中更改|283594|if+($el.prop)+{
++++//+jQuery+1.6%2B
++++$el.prop(c,+isChecked);
}|283595|至|283596|if+($el.prop)+{
++++//+jQuery+1.6%2B
++++$el.prop(c,+isChecked);
++++if+(isChecked)+{
++++++++$el.attr(c,+c);
++++}+else+{
++++++++$el.removeAttr(c);
++++}

}|283597|entityMap|0|LINK|mutability|MUTABLE|url|http://uniformjs.com/|1^0|7|B|0|0|0|1|A|E|Q|17|I|0|0|0|0|7|B|1|0|2|14|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1B|8|@]|9|@$A|1C|B|1D|1|1E]]|C|$]]|$1|D|3|E|5|6|7|1F|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|1G|8|@$A|1H|B|1I|H|I]|$A|1J|B|1K|H|I]|$A|1L|B|1M|H|I]]|9|@]|C|$]]|$1|J|3|K|5|L|7|1N|8|@]|9|@]|C|$M|N]]|$1|O|3|P|5|6|7|1O|8|@]|9|@]|C|$]]|$1|Q|3|R|5|L|7|1P|8|@]|9|@]|C|$M|N]]|$1|S|3|T|5|6|7|1Q|8|@]|9|@$A|1R|B|1S|1|1T]]|C|$]]|$1|U|3|V|5|6|7|1U|8|@$A|1V|B|1W|H|I]]|9|@]|C|$]]|$1|W|3|X|5|L|7|1X|8|@]|9|@]|C|$M|N]]|$1|Y|3|Z|5|6|7|1Y|8|@]|9|@]|C|$]]|$1|10|3|11|5|L|7|1Z|8|@]|9|@]|C|$M|N]]|$1|12|3|-4|5|6|7|20|8|@]|9|@]|C|$]]]|13|$14|$5|15|16|17|C|$18|19]]|1A|$5|15|16|17|C|$18|19]]]]

If you are using <a href="http://uniformjs.com" rel="noreferrer">uniform 1.5</a> then use this simple trick to add or remove attribute of check Just add value="check" in your checkbox's input field. Add this code in <code>uniform.js</code> > <code>function doCheckbox(elem){</code> > <code>.click(function(){</code> 

<pre><code>if ( $(elem+':checked').val() == 'check' ) {
 $(elem).attr('checked','checked'); 
}
else {
 $(elem).removeAttr('checked');
} 
</code></pre>

if you not want to add value="check" in your input box because in some cases you add two checkboxes so use this

<pre><code>if ($(elem).is(':checked')) {
 $(elem).attr('checked','checked');
} 
else
{ 
 $(elem).removeAttr('checked');
}
</code></pre>

If you are using <a href="http://uniformjs.com" rel="noreferrer">uniform 2.0</a> then use this simple trick to add or remove attribute of check in this <code>classUpdateChecked($tag, $el, options) {</code> function change 

<pre><code>if ($el.prop) {
 // jQuery 1.6+
 $el.prop(c, isChecked);
}
</code></pre>

To

<pre><code>if ($el.prop) {
 // jQuery 1.6+
 $el.prop(c, isChecked);
 if (isChecked) {
 $el.attr(c, c);
 } else {
 $el.removeAttr(c);
 }

}
</code></pre>

blocks|key|2989571|text|$('#check1').prop('checked',+true).uniform();+
$('#check1').prop('checked',+false).uniform();+|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|2989572|这对我很有效。|unstyled|2989573|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$('#check1').prop('checked', true).uniform(); 
$('#check1').prop('checked', false).uniform(); 
</code></pre>

This worked for me.

blocks|key|2989608|text|只需执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2989609|$('#checkbox').prop('checked',true).uniform('refresh');|code-block|syntax|javascript|2989610|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Just do this:

<pre><code>$('#checkbox').prop('checked',true).uniform('refresh');
</code></pre>

blocks|key|2989538|text|如果您使用文档中提到的javascript更新元素，则需要调用$.uniform.update()。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2989539|entityMap^0|V|I|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

you need to call <code>$.uniform.update()</code> if you update element using javascript as mentioned in the documentation.

blocks|key|3203091|text|首先，checked的值可以是checked，也可以是空字符串。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3203092|$("input:checkbox").uniform();

$('#check1').live('click',+function()+{
++++$('#check2').attr('checked',+'checked').uniform();
});|code-block|syntax|javascript|3203093|entityMap^0|3|7|F|7|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

First of all, <code>checked</code> can have a value of <code>checked</code>, or an empty string.

<pre><code>$("input:checkbox").uniform();

$('#check1').live('click', function() {
 $('#check2').attr('checked', 'checked').uniform();
});
</code></pre>

blocks|key|279825|text|在某些情况下，您可以使用以下命令：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|279826|$('.myInput').get(0).checked+=+true|code-block|syntax|javascript|279827|对于切换，您可以使用if+else+with+function|279828|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

In some case you can use this:

<pre><code>$('.myInput').get(0).checked = true
</code></pre>

For toggle you can use if else with function

blocks|key|279840|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|279841|+$("#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();
++++++++++++}
++++++++});|code-block|syntax|javascript|279842|<script+src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input+type="checkbox"+id='checkall'+/>+Select+All 
+<input+type="checkbox"+class='custom-checkbox'+name="languages"+value="PHP">+PHP 
+<input+type="checkbox"+class='custom-checkbox'+name="languages"+value="AngularJS">+AngularJS 
+<input+type="checkbox"+class='custom-checkbox'+name="languages"+value="Python">+Python 
+<input+type="checkbox"+class='custom-checkbox'+name="languages"+value="Java">+Java |279843|279844|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|M|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|I|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code> $("#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();
 }
 });</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;input type="checkbox" id='checkall' /&gt; Select All&lt;br/&gt;
 &lt;input type="checkbox" class='custom-checkbox' name="languages" value="PHP"&gt; PHP&lt;br/&gt;
 &lt;input type="checkbox" class='custom-checkbox' name="languages" value="AngularJS"&gt; AngularJS&lt;br/&gt;
 &lt;input type="checkbox" class='custom-checkbox' name="languages" value="Python"&gt; Python&lt;br/&gt;
 &lt;input type="checkbox" class='custom-checkbox' name="languages" value="Java"&gt; Java&lt;br/&gt;</code></pre>
</div>
</div>

blocks|key|281518|text|另一种方法是，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|281519|使用$('#check2').click();|offset|length|style|CODE|281520|这会导致uniform选中该复选框并更新其掩码|281521|entityMap^0|0|2|L|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

The other way to do is is,

use <code>$('#check2').click();</code>

this causes uniform to check the checkbox and update it's masks

blocks|key|281544|text|与单选btn类似的复选框|type|unstyled|depth|inlineStyleRanges|entityRanges|data|281545|$(".checkgroup").live('change',function()+{+++++var+previous=this.checked;+++++$(".checkgroup).attr("checked",+false);+++++$(this).attr("checked",+previous);+});|offset|length|style|CODE|281546|entityMap^0|0|0|4H|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

checkbox that act like radio btn

<code>$(".checkgroup").live('change',function() {
 var previous=this.checked;
 $(".checkgroup).attr("checked", false);
 $(this).attr("checked", previous);
});</code>

I have a problem with unchecking a <code>checkbox</code>. Have a look at <a href="http://jsfiddle.net/r87NH/" rel="noreferrer">my jsFiddle</a>, where I am attempting: 

<pre><code> $("#check2").attr("checked", true);
</code></pre>

I use <a href="http://pixelmatrixdesign.com/uniform/#example" rel="noreferrer">uniform</a> for styling the <code>checkbox</code> and it simply does not work to check/uncheck the <code>checkbox</code>.

Any ideas?

How to uncheck checkbox using jQuery Uniform library

jQuery

Python

Java

我在取消选中checkbox时遇到问题。看看我正在尝试的：   $("#check2").attr("checked", true);我使用来设置checkbox的样式，它根本不能对 checkbox进行复选/取消复选。有什么想法吗？

问如何使用jQuery统一库取消选中复选框
EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery统一库取消选中复选框EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery统一库取消选中复选框
EN