html 中的 javascript 全选/反选问题

<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>... <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript">

function selectAll(){

var allCheckBoxs=document.getElementsByName("coffee");
var desc = document.getElementById("like").value;

if(desc=="都喜欢"){
document.getElementById("like").value="都不喜欢";
for(var i=0;i<allCheckBoxs.length;i++)
{
allCheckBoxs[i].checked=true;
}else{
document.getElementById("like").value="都喜欢";
for(var i=0;i<allCheckBoxs.length;i++)
{
allCheckBoxs[i].checked=false;
}
}
}

</script>
</head>

<body>

<p>你喜欢那种类型咖啡</p>
<form>
<input type="checkbox" name="coffee" value="cream">蓝山咖啡<br>
<input type="checkbox" name="coffee" value="sugar" >摩卡<br>
<input type="checkbox" name="coffee" value="sugar">拿铁<br>
<input type="checkbox" name="coffee" value="sugar">卡布奇诺<br>
<input type="checkbox" name="coffee" value="sugar">爱尔兰咖啡<br>
<input type="button" id="like" value="都喜欢" onClick="selectAll()">
</form>

</body>
</html>

请问哪里出错了啊,按钮都没效果
回答1楼的,我加了, 还是有个问题 提示按钮调用的事件缺少对象,
展开
 我来答
慎重还可靠灬宝贝f
推荐于2016-11-21 · TA获得超过12.9万个赞
知道大有可为答主
回答量:1.9万
采纳率:52%
帮助的人:2627万
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>check test</title>
</head>
<body>
  <form name="formGroup" id="formGroup" action="#" method="post" target="_self">
    <table border="1" cellpadding="2" cellspacing="1" class="table_hide">
      <tr class="table_title">
        <td width="50" align="center" class="text_center">序号</td>
        <td width="40" align="center" class="text_center">选择</td>
        <td width="100" align="center"></td>
        <td width="100" align="center"></td>
      </tr>
      <tr>
        <td align="center" class="text_center">1</td>
        <td align="center" class="text_center"><input name="groupCheckbox" type="checkbox" value="" class="input_hide"></td>
        <td align="center"></td>
        <td align="center"></td>
      </tr>
      <tr>
        <td align="center" class="text_center">2</td>
        <td align="center" class="text_center"><input name="groupCheckbox" type="checkbox" value="" class="input_hide"></td>
        <td align="center"></td>
        <td align="center"></td>
      </tr>
      <tr>
        <td align="center" class="text_center">3</td>
        <td align="center" class="text_center"><input name="groupCheckbox" type="checkbox" value="" class="input_hide"></td>
        <td align="center"></td>
        <td align="center"></td>
      </tr>
      <tr>
        <td align="center">全选</td>
        <!-- 复选框单击方式 -->
        <td align="center"><input name="" type="checkbox" class="input_hide" onClick="CheckSelect(this.form);return false;" value=""></td>
        <!-- 按钮方式,本质无区别 -->
        <td align="center"><input name="" type="button" class="input_hide" onClick="CheckSelect(this.form);return false;" value="选/反选"></td>
        <td align="center"></td>
      </tr>
    </table>
  </form>
</body>
<script type="text/javascript">
  // 选择或者反选 checkbox
  function CheckSelect(thisform)
  {
    // 遍历 form
    for ( var i = 0; i < thisform.elements.length; i++)
    {
      // 提取控件
      var checkbox = thisform.elements[i];
      // 检查是否是指定的控件
      if (checkbox.name === "groupCheckbox" && checkbox.type === "checkbox" && checkbox.checked === false)
      {
        // 正选
        checkbox.checked = true;
      }
      else if (checkbox.name === "groupCheckbox" && checkbox.type === "checkbox" && checkbox.checked === true)
      {
        // 反选
        checkbox.checked = false;
      }
    }
  }
</script>
</html>


运行效果:

速学速记
推荐于2018-03-11 · 超过27用户采纳过TA的回答
知道答主
回答量:62
采纳率:0%
帮助的人:0
展开全部
else 之前应该加的是 } 而不是 {

这样修改 效率高一点

function selectAll()
{

var allCheckBoxs = document.getElementsByName("coffee");
var desc = document.getElementById("like");

if(desc.value == "都喜欢")
{
desc.value = "都不喜欢";
for(var i = 0; i < allCheckBoxs.length; i ++ )
{
allCheckBoxs[i].checked = true;
}
}
else
{
desc.value = "都喜欢";
for(var i = 0; i < allCheckBoxs.length; i ++ )
{
allCheckBoxs[i].checked = false;
}
}
}
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
qingzhou5989
2008-08-20 · 超过11用户采纳过TA的回答
知道答主
回答量:30
采纳率:0%
帮助的人:44.6万
展开全部
在 else 前加一个 { 就行了。

补充:
这是我改后的代码,自己机子上没问题。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript">

function selectAll(){

var allCheckBoxs=document.getElementsByName("coffee");
var desc = document.getElementById("like").value;

if(desc=="都喜欢"){
document.getElementById("like").value="都不喜欢";
for(var i=0;i<allCheckBoxs.length;i++)
{
allCheckBoxs[i].checked=true;
}
}
else{
document.getElementById("like").value="都喜欢";
for(var i=0;i<allCheckBoxs.length;i++)
{
allCheckBoxs[i].checked=false;
}
}
}

</script>
</head>

<body>

<p>你喜欢那种类型咖啡</p>
<form>
<input type="checkbox" name="coffee" value="cream">蓝山咖啡<br>
<input type="checkbox" name="coffee" value="sugar" >摩卡<br>
<input type="checkbox" name="coffee" value="sugar">拿铁<br>
<input type="checkbox" name="coffee" value="sugar">卡布奇诺<br>
<input type="checkbox" name="coffee" value="sugar">爱尔兰咖啡<br>
<input type="button" id="like" value="都喜欢" onClick="selectAll()">
</form>

</body>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式