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代碼

回答

相關問題