使用jquery检查/取消选中复选框？ [重复]

本文翻译自：check / uncheck checkbox using jquery? [duplicate]

This question already has an answer here: 这个问题在这里已有答案：

Setting “checked” for a checkbox with jQuery? 使用jQuery为复选框设置“选中”？ 40 answers 40个答案

I have some input text fields in my page and am displaying their values using JavaScript. 我的页面中有一些输入文本字段，并使用JavaScript显示其值。

I am using .set("value","") function to edit the value, add an extra checkbox field, and to pass a value. 我使用.set("value","")函数来编辑值，添加一个额外的复选框字段，并传递一个值。

Here I want to check that if value == 1 , then this checkbox should be checked. 在这里，我想检查如果value == 1 ，则应选中此复选框。 Otherwise, it should remain unchecked. 否则，它应该保持未选中状态。

I did this by using two divs, but I am not feeling comfortable with that, is there any other solution? 我通过使用两个div来做到这一点，但我对此感到不舒服，还有其他解决方案吗？

if(value == 1) {$('#uncheck').hide();$('#check').show();
} else{$('#uncheck').show();$('#check').hide();
}

#1楼

参考：https://stackoom.com/question/1B5sM/使用jquery检查-取消选中复选框-重复

#2楼

For jQuery 1.6+ : 对于jQuery 1.6+：

.attr() is deprecated for properties; .attr（）已弃用于属性; use the new .prop() function instead as: 使用新的.prop（）函数代替：

$('#myCheckbox').prop('checked', true); // Checks it
$('#myCheckbox').prop('checked', false); // Unchecks it

For jQuery < 1.6: 对于jQuery <1.6：

To check/uncheck a checkbox, use the attribute checked and alter that. 要检查/取消选中复选框，使用属性checked和改变这一点。 With jQuery you can do: 使用jQuery，您可以：

$('#myCheckbox').attr('checked', true); // Checks it
$('#myCheckbox').attr('checked', false); // Unchecks it

Cause you know, in HTML, it would look something like: 因为你知道，在HTML中，它看起来像：

<input type="checkbox" id="myCheckbox" checked="checked" /> <!-- Checked -->
<input type="checkbox" id="myCheckbox" /> <!-- Unchecked -->

However, you cannot trust the .attr() method to get the value of the checkbox (if you need to). 但是，您无法信任.attr（）方法来获取复选框的值（如果需要）。 You will have to rely in the .prop() method. 您将不得不依赖.prop（）方法。

#3楼

您可以根据值设置复选框的状态：

$('#your-checkbox').prop('checked', value == 1);

#4楼

You can use prop() for this, as Before jQuery 1.6 , the .attr() method sometimes took property values into account when retrieving some attributes, which could cause inconsistent behavior. 您可以使用prop（），因为在jQuery 1.6之前， .attr（）方法在检索某些属性时有时会考虑属性值，这可能会导致行为不一致。 As of jQuery 1.6 , the .prop() method provides a way to explicitly retrieve property values, while .attr() retrieves attributes. 从jQuery 1.6开始 ， .prop()方法提供了一种显式检索属性值的方法，而.attr()检索属性。

var prop=false;
if(value == 1) {prop=true;
}
$('#checkbox').prop('checked',prop);

or simply, 或简单地说，

$('#checkbox').prop('checked',(value == 1));

Snippet 片段

 $(document).ready(function() { var chkbox = $('.customcheckbox'); $(".customvalue").keyup(function() { chkbox.prop('checked', this.value==1); }); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <h4>This is a domo to show check box is checked if you enter value 1 else check box will be unchecked </h4> Enter a value: <input type="text" value="" class="customvalue"> <br>checkbox output : <input type="checkbox" class="customcheckbox">

使用jquery检查/取消选中复选框？ [重复]相关推荐

使用JavaScript（jQuery或Vanilla）选中/取消选中复选框？
本文翻译自:Check/Uncheck checkbox with JavaScript (jQuery or Vanilla)? 如何使用JavaScript,jQuery或vanilla选中/取消 ...
检查是否已使用jQuery选中复选框
如何检查是否使用复选框数组的ID选中了复选框数组中的复选框? 我正在使用以下代码,但是无论ID为何,它始终返回已选中复选框的数量. function isCheckedById(id) {alert( ...
jQuery如果选中复选框
本文翻译自:jQuery if checkbox is checked I have a function below that I want to only trigger when a check ...
jQuery实现获取选中复选框的值
应用场景: 我们应该经常见到系统中出现列表,会有一个对列表数据的操作(如删除, 修改,查看等).我们可以在每个列表项后面加一个删除按钮,把列表项的相关参数(如 id)post到后台进行删除.当然如果 ...
jq多选按钮值_jQuery实现获取选中复选框的值实例详解
应用场景: 我们应该经常见到系统中出现列表,会有一个对列表数据的操作(如删除, 修改,查看等).我们可以在每个列表项后面加一个删除按钮,把列表项的相关参数(如 id)post到后台进行删除.当然如果你 ...
el-checkbox点击后面的内容不选中复选框
提出需求:要求点击后面的tag前面复选框不选中思考:把后面的内容移出checkbox标签内,尝试后发现因为循环和样式问题不可取. 查百度都是点击后面的内容选中复选框.于是想反向思考,看了Elemen ...
如何检查jQuery中是否已选中复选框？
我需要检查复选框的checked属性,并使用jQuery根据checked属性执行操作. 例如,如果选中了年龄复选框,那么我需要显示一个文本框来输入年龄,否则隐藏该文本框. 但是以下代码默认情况下返回 ...
html获取选中复选框的值,jquery获取复选框被选中的值
JS获取复选框被选中的值 0 1 2 3 4 5 6 7 JS代码对checkbox的其他几个操作 1. 全选 2. 取消全选 3. 选中所有奇数 4. 反选 5. 获得选中的所有值 js代码 $( ...
Jquery获取选中复选框的值(checkBox)
jquery的checkbox取值赋值选中 <%@ page language="java" import="java.util.*" pageEncod ...

使用jquery检查/取消选中复选框？ [重复]

#1楼

#2楼

#3楼

#4楼

使用jquery检查/取消选中复选框？ [重复]相关推荐

最新文章

热门文章