CheckBox和JavaScript代码

我想创建的JavaScript代码，将保存所有复选框，用户点击，当按钮完成用户点击，代码会告诉他什么他选择。（在标签文本）CheckBox和JavaScript代码

老实说，我不有一个想法，需要帮助。

这是可能实现的是这样的：

<html> 
<script> 
    function test() 
    { 

     if(document.getElementById("chk").checked) 
     {  
     // save in some variable nad print on the end.. That is my problem.. and i have no idea. 
     } 
    } 
</script> 

    <body> 
     <input type="checkbox" id="chk"> 
      <label>someTXT</label> 
      <input type="button" onclick="test();"></input> 
     </input> 
    </body> 
    </html>

来源

2014-01-14 Hero Stripe

你说的意思是什么 '拯救'你想把它放在数据库中吗？或者，您是否只想“保存”它以在用户在页面上时将其显示在标签中？ – timo

http://jsfiddle.net/W4sjA/ – Krishna

嗯，我想把它放在电子邮件..当他点击所有复选框，然后用户点击发送，他给我的邮件。但现在如果我可以将它显示在某处，它会很好..它也可以用alert（）函数。 –

〔实施例返回所有选中的复选框（如果你有一个以上的）：

test = function() { 
var checkboxesIDs = ''; 
var inputs = document.getElementsByTagName("input"); 
for (var i=0; i<inputs.length; i++) { 
    if (inputs[i].type == "checkbox") { 
     if(inputs[i].checked == true) { 
      checkboxesIDs+= inputs[i].id +", ";    
     } 
    } 
} 
alert(checkboxesIDs); 
}

和HTML：

<input type='checkbox' id='c1' /> 
<input type='checkbox' id='c2' /> 
<input type='checkbox' id='c3' /> 
<input type='checkbox' id='c4' /> 
<input type='button' onclick="test();" value="Test" />

DEMO：http://jsfiddle.net/47EdX/

来源

2014-01-14 16:01:26

下面是弄清楚如何得到这个很短的例子：

JS功能通过复选框来检查：

function checkAll(bx) { 
    var cbs = document.getElementsByTagName('input'); 
    for(var i=0; i < cbs.length; i++) { 
    if(cbs[i].type == 'checkbox') { 
     cbs[i].checked = bx.checked; 
    } 
    } 
}

HTML

<input type="checkbox" onclick="checkAll(this)">

您必须补充一些数组或对象，这些数组或对象将存储一些值以推入服务器。

希望这会有所帮助。

来源

2014-01-14 15:59:39 felipekm

$("input[type='button']").click(function(){ 
    $cb = $("input[type='checkbox']").prop("checked"); 
    $cb.each(function(){ 
    alert($(this).attr("id")); 
    }); 
});

这就是访问页面上所有复选框并弹出每个ID的方法。您还可以显示您的复选框的任何其他属性，如值或名称。

来源

2014-01-14 16:01:08 zuluk

CheckBox和JavaScript代码

回答

相关问题