为什么我的复选框输入始终相同?

时间:2011-06-19 22:19:09

标签: forms xhtml input checkbox

我有一个表单(在下面发布),并且为复选框提交的值不会更改。我将value属性添加到输入中以尝试缓解此问题,但现在不是调试器始终报告“活动”,而是报告设置为“value1”的任何值,无论是否选中该框。

<form enctype="multipart/form-data" id="f0" method="post" action="">
  <div class="t1">
    <div class="t1_r1">
      <div class="t1_c1"><p class="c"></p></div>
      <div class="t1_c1"><p class="c">Email</p></div>
      <div class="t1_c1"><p class="c">Password</p></div>
      <div class="t1_c1"><p class="c">Keep me logged in<input class="cb" type="checkbox" name="f0a" value="value1" /></p></div>
    </div>
    <div class="t1_r1">
      <div class="t1_c1"><input class="te6" type="text" name="f0b" /></div>
      <div class="t1_c1"><input class="te6" type="password" name="f0c" /></div>
      <div class="t1_c2"><a id="f0d" href ="javascript:void(0)" class='but'>Login</a></div>
    </div>
    <div id=fb1 class="t1_r1">
    </div>
  </div>
</form>

我使用此函数将元素放在一个文本字符串中,该函数适用于其他两个输入。我更新了它以反映答案。这尚未经过测试。

function is(a)
{
  var b = '';
  var c = document.forms[a].elements;
  for (i = 0; i < c.length; i++)
  {
    if (c[i].type == 'checkbox' && c[i].checked == false)
    {
      b += c[i].name + "=NULL&";
    }
    else
    { 
      b += c[i].name + "=" + c[i].value + "&";
    }
  }
  b = b.slice(0, -1);
  return b;
}

2 个答案:

答案 0 :(得分:4)

这是因为使用复选框时,.value始终会返回您在HTML中设置的value属性中的文本。您需要做的是检查checked属性以查看它是否属实。类似的东西:

function is(a) {
   var b = '';
   var c = document.forms[a].elements;
   for (i = 0; i < c.length; i++) {
      var value = "";
      if (c[i].type == "checkbox") {
         value = (c[i].checked) ? c[i].value : "";
      } else {
         value = c[i].value;
      }
      b += c[i].name + "=" + value + "&";
   }
   b = b.slice(0, -1);
   return b;
}

答案 1 :(得分:1)

复选框尽管外观简单,但比文字更复杂 - Sending Checkbox Values Link