3

如果我单击打印按钮，我想显示选定的复选框值

这是我的代码

<! DOCTYPE html>
<head>
<script type="text/javascript">

function checkbox()
{
    var bk=document.getElementById("bk").value;;
    var cer=document.getElementById("cr").value;
    document.writeln(" " + bk );
    document.write(" " + cer);    
}
</script>
</head>
<body>
<form>
    <input type="checkbox" id="bk" name="vehicle" value="Bike">I have a bike<br></br>
    <input type="checkbox" id="cr" name="vehicle" value="Car">I have a car<br></br> 
     <input type="submit" value="   Print   " size="30" onClick="checkbox()">
</form> 
</body>
</html>

如果我选择 Bike 复选框并单击打印按钮，它应该显示唯一的 Bike。

4

3 回答 3

3

我已经编辑了您的代码并根据您的需要进行了修改。请通过代码。

    <! DOCTYPE html>
<head>
<script type="text/javascript">

function checkbox()
{
    var bk=document.getElementById("bk").checked;;
    var cer=document.getElementById("cr").checked;
    if(bk) document.writeln(" Bike");
    if(cer) document.write(" Car");   
return false;   
}
</script>
</head>
<body>
<form>
    <input type="checkbox" id="bk" name="vehicle" value="Bike">I have a bike<br></br>
    <input type="checkbox" id="cr" name="vehicle" value="Car">I have a car<br></br> 
     <input type="submit" value="   Print   " size="30" onClick="return checkbox();">
</form> 
</body>
</html>
于 2013-05-07T18:01:07.150 回答
0

此函数将创建一个数组，其中包含表单中每个选中项的值：

function checkbox()
{
  var checked = [].reduce.call(document.forms[0].vehicle, function(current, item) {
    if (item.checked) {
      current.push(item.value);
    }
    return current;
  }, []);
  alert(checked);
}

演示

在这里，document.forms[0].vehicle返回vehicle表单中名称的两个复选框；我正在使用document.forms[0]，因为您没有给表单命名:)

于 2013-05-07T17:48:39.847 回答
0

这是你的代码..这应该解决你的问题.. 

  <! DOCTYPE html>
<head>
<script type="text/javascript">

function checkbox()
{
    var bk=document.getElementById("bk").checked;;
    var cer=document.getElementById("cr").checked;
    if(bk) document.writeln(" Bike");
    if(cer) document.write(" Car");   
return false;   
}
</script>
</head>
<body>
<form>
    <input type="checkbox" id="bk" name="vehicle" value="Bike">I have a bike<br></br>
    <input type="checkbox" id="cr" name="vehicle" value="Car">I have a car<br></br> 
     <input type="submit" value="   Print   " size="30" onClick="return checkbox();">
</form> 
</body>
</html>
于 2015-06-04T08:07:33.567 回答