1. 爱易网页
  2. JavaSript
  3. 有个比较奇怪的有关问题,checkbox的checked="cheecked"属性已添加,但是前边却没有后打钩

有个比较奇怪的有关问题,checkbox的checked="cheecked"属性已添加,但是前边却没有后打钩

日期：2014-05-16　 浏览次数：20532 次

有个比较奇怪的问题,checkbox的checked="cheecked"属性已添加,但是前边却没有后打钩


如图所示,第一个已是checked="checked"

======================================

上边是一个全选按钮,我试图点这个复选框来实现下边复选框的全选/全不选

但是效果不佳

效果呈现为:第一次点这个复选框,下边所有的都被勾选.  再点这个复选框,下边所有的都被取消勾选. 之后再点这个复选框无论多少次,只有属性的变化没有勾选的显示

代码如下:


        if(document.getElementById("checkAll").checked){

		$("input[name='jinjian']").attr("checked","checked");

	}else{

		$("input[name='jinjian']").prop("checked",false).removeAttr("checked");

	}


或者如下:(经过各种尝试,下边这是最早的写法,依然一样的问题)


$("input[name='jinjian']").attr("checked",document.getElementById("checkAll").checked);


====================================
而当我写作


$("input[name='jinjian']").attr("checked",$(this).attr("checked"));

则完全不起效,第一次都无法全选/全不选.

=======================================

环境是ThinkPHP jquery1.10.2
jQuery checkbox checked 全选 全不选

------解决方案--------------------
这个问题别人好像遇到过，但我从未遇到过
试试
$("input[name='jinjian']").attr('checked',true);
或
$("input[name='jinjian']")[0].checked = 'cheched';

------解决方案--------------------
Jquery 1.6+
你用的jquery版本使用prop比较好


if($("#checkAll").prop("checked") == true){

        $("input[name='jinjian']").prop("checked",true);

    }else{

        $("input[name='jinjian']").prop("checked",false);

    }

------解决方案--------------------
 $(全选).onclick(
function(){$('input[type=checkbox]').attr('checked', $(全选).attr('checked'));} )
------解决方案--------------------
用
.prop("checked",true); 
------解决方案--------------------
<!doctype html>

<html>

<head>

<meta charset="gb2312">

<title>无标题文档</title>

<script type="text/javascript" src="jquery1.7.js"></script>

<script type="text/javascript">



$(document).ready(function(e) {

	$("#quanxuan").click(function(e) {

		if ($(this).attr("checked")=="checked"){

			$("input[name='jinjian']").attr("checked",true)

			}

		else{

			$("input[name='jinjian']").removeAttr("checked")

			}

    });

});



</script>

</head>



<body>

<table width="400" border="1" align="center" id="table1">

  <tr>

    <td><input type="checkbox" name="quanxuan" id="quanxuan

相关资料更多>

  1. 错哪了呀 就是运行不了
  2. js怎么通过回车键来设置多个输入框间的焦点移动，就是说当按下回车键时，自动跳转到小弟我想设置为焦点的那个输入框
  3. JavaScript patterns 札记（二） 变量声名
  4. 一个很让小弟我纳闷郁闷的有关问题
  5. JS中运用arguments模拟重载
  6. javascript 标签变换
  7. 运用JSON进行网络数据交换
  8. jsdoc 有关规范
  9. 关于getElementById的有关问题。