JS、JQ中判断checkbox是否选中

HTML

  <input type="checkbox" class="checkbox" />

JS

var check = document.getElementsByTagName(‘input‘)[0];
console.log(check.checked);

JQ

  1.  $("input[type=‘checkbox‘]").is(‘:checked‘);
  2.  $("input[type=‘checkbox‘]").prop(‘checked‘); //JQ1.6版本之前不可用
  3.  $("input[type=‘checkbox‘]").is(‘:checked‘);

选中:true

未选中:false

attr()与prop()如何选择

attr()方法返回被选元素的属性值。

prop() 方法设置或返回被选元素的属性和值。
当该方法用于返回属性值时,则返回第一个匹配元素的值。
当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。

注:prop() 和 attr() 可能返回不同的值

原文地址:https://www.cnblogs.com/angenstern/p/11416557.html

时间: 2024-11-05 23:14:32

JS、JQ中判断checkbox是否选中的相关文章

jq、js中判断checkbox是否选中

最近在开发项目时用到checkbox复选框,其中遇到一个问题:在JQ中如何判断checkbox是否被选中呢?之前用JQ获取元素的属性用的都是attr(),但用在checkbox上却没有用,原因何在??? 1.JS中判断checkbox是否被选中 对于在js中来判断checkbox是否被选中很简单,举个??来说 HTML代码: <input type="checkbox" name="box"> 相应的javascript代码如下: var check =

JQuery中判断checkbox是否选中

if ($("#wds_checkbox").attr("checked")) { flag = 1; } else { flag = 0; } 禁用鼠标右键 //屏蔽浏览器右键 document.oncontextmenu = function () { return false; }

js循环GridView判断CheckBox是否全部未选中

function isQueryPriceReplyProduct() { var gridItem; var itemIndex = 0;  var IDS = ''; while (gridItem = dgQueryPriceReplyProduct.Table.GetRow(itemIndex)) {   itemIndex++;   if (!gridItem.Cells[0].Value) { continue; } IDS += gridItem.Cells[1].Value + 

JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

jquery 判断checkbox 是否选中

这是一个蛋疼的节奏,以前写的代码现在失效了. jquery 判断checkbox 是否被选中,刚开始我是这样写的,而且没问题 $("#ziduana").attr("checked")=="checked" 后来竟然失效了, 后来试了 $("ziduana").attr("checked")==true  , $("#ziduana").is(":checked")

判断checkbox是否选中

一种是通过jquery A. $("[name='selectUserId']:checked").each(function () { // $(this).attr("value") 被选中的checkbox的value属性(就是adminuser的id) array.push($(this).val());//把所有被选中的id放入数组array }); B. var checkUserName = $("#checkUserName").

jQ无法设置checkbox变成选中状态

设置以后checkbox并没有变成选中状态,用chrome调试看了一下,checkbox中确实有checked属性,针对这个问题,大家可以参考下本文 代码如下: $("input").attr("checked","checked") 设置以后checkbox并没有变成选中状态,用chrome调试看了一下,checkbox中确实有checked属性,而且,值为checked,但是页面显示仍然为未选中状态 $("input").

JQuery判断checkbox是否选中-批量

在html的checkbox里,选中的话会有属性checked="checked". 如果用一个checkbox被选中,alert这个checkbox的属性"checked"的值alert($"#xxx".attr("checked")),会打印出"true",而不是"checked"! 如果没被选中,打印出的是"undefined".觉得很奇怪是吗?继续看下去- 不

jquert 判断checkbox 是否选中

<input type="checkbox" id="IsEnable" /> 在调试的时候,会出现,一直未true的状态,不管是选中还是未选中 解决方法,  标签不能定义  checkbox 默认选中用 $("#IsEnable").prop("checked", true);//设置为选择状态 默认不选中为 $("#IsEnable").prop("checked", f