有个比较奇怪的有关问题,checkbox的checked="cheecked"属性已添加,但是前边却没有后打钩
日期：2014-05-16 浏览次数：20516 次
有个比较奇怪的问题,checkbox的checked="cheecked"属性已添加,但是前边却没有后打钩
如图所示,第一个已是checked="checked"
======================================
上边是一个全选按钮,我试图点这个复选框来实现下边复选框的全选/全不选
但是效果不佳
效果呈现为:第一次点这个复选框,下边所有的都被勾选. 再点这个复选框,下边所有的都被取消勾选. 之后再点这个复选框无论多少次,只有属性的变化没有勾选的显示
代码如下:
或者如下:(经过各种尝试,下边这是最早的写法,依然一样的问题)
====================================
而当我写作
则完全不起效,第一次都无法全选/全不选.
=======================================
环境是ThinkPHP jquery1.10.2
------解决方案--------------------
这个问题别人好像遇到过，但我从未遇到过
试试
$("input[name='jinjian']").attr('checked',true);
或
$("input[name='jinjian']")[0].checked = 'cheched';
------解决方案--------------------
Jquery 1.6+
你用的jquery版本使用prop比较好
------解决方案--------------------
$(全选).onclick(
function(){$('input[type=checkbox]').attr('checked', $(全选).attr('checked'));} )
------解决方案--------------------
用
.prop("checked",true);
------解决方案--------------------
如图所示,第一个已是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
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
