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

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

heres ur code..これで問題が解決するはずです.. 

  <! 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 に答える