如何显示在JavaScript

我想dispaly的复选框值，如果我上的打印按钮如何显示在JavaScript

这里单击选中的复选框值是我的代码

<! 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>

如果我选择自行车复选框并点击打印按钮，它应该显示唯一的自行车。

来源

2013-05-07 mas

你的文件撰写和writeln会抹杀你已经有任何HTML。 – 2013-05-07 17:43:54

如果您使用'document.write'进行调试，您可能需要考虑移动以使用['console.log']（https://developer.mozilla.org/en/docs/DOM/console.log） - 它更容易，不会影响您的文档。 – Lix 2013-05-07 17:48:27

此功能将创建与每个检查项目的表单里面的值的数组：

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

Demo

这里，document.forms[0].vehicle回报你的表格里面的名字vehicle两个复选框;我正在使用document.forms[0]，因为您没有给出该表格的名称:)

来源

2013-05-07 17:48:39

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

<! 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-07 18:01:07 Eon

继承人我们的代码..这应该解决乌尔问题..

<! 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-04 08:07:33 anthony

如何显示在JavaScript

回答

相关问题