JS获取checkbox的值，然后插入数据库

其实你要认识到一点，不管什么控件到浏览器都是html控件，下面代码直接复制希望对你有帮助

function s() {

var el=documentgetElementById("CheckBoxList1")getElementsByTagName("input");

var a = ellength;

for (var i = 0; i < a; i++) {

if (el[i]checked) {

alert(el[i]value);

}

}

}

<form id="abc">

  <input type="checkbox" name="ck" />

  <input type="checkbox" name="ck" />

  <input type="checkbox" name="ck" />

  <input type="checkbox" name="ck" />

</form>var form = documentgetElementById('abc');

var input = formck; // 如果有多个相同的名字会返回dom collection(类似数组)

if(input && inputlength) {

    // dom collection

} else if (input) {

    // dom

} else {

    // 没有

}

<input type="checkbox" name="checkbox2" value="1" id="xxx1"/>

value是一样可以用value取的。value值就是 value="1" 中的1

但是一般除了这个值以外，我们先要关注的都是这个checkbox是不是选中了。

documentgetElementById("xxx1")checked

判断这个值是否是true。

<script language="javascript">

function show(){

var che=documentgetElementsByName("checkbox");

for(var i=0;i<chelength;i++){

if(che[i]checked){

alert(che[i]value);

}

}

}

</script>这是获取到多个复选框时被选中的值，你试试

你可以使用 JavaScript 中自带的 rowIndex 和 cellIndex 来获取行和列的键值 (从0开始)

点击 checkbox，获取 parentNode (也就是 td)，tdcellIndex 就是所在列的键值

点击 checkbox，获取 parentNodeparentNode (也就是 tr)，trrowIndex 就是所在行的键值

<script type="text/javascript">

// 点击

documentonclick = function(e) {

    // 兼容 event 和 target

    e = e || windowevent;

    var target = etarget || esrcElement;

    // 确认是 checkbox

    if(targettagNametoLowerCase() === "input"

        && targettype === "checkbox") {

        // 获取行列键值

        var row_num = targetparentNodeparentNoderowIndex;

        var col_num = targetparentNodecellIndex;

        // 输出

        alert(row_num + " " + col_num);

    }

};

</script>

因为键值是从 0 开始，一般需要 +1 才是行列数，但因为你表单中第一行个第一列都是文字，所以不需要 +1 正好输出需要的数字，例如点击周四 + 6，会输出 4 6

在table上加个id，

var boxs = documentgetElementById("tableId")getElementsByTagName("input");

var sum = 0;

for(var i=0;i<boxslength;i++){

if(boxs[i]checked){

sum += parseInt(boxs[i]value,10);

}

}

windowalert(sum);

如果使用jquery会更简单：

var sum = 0;

$("#tableId input:checked")each(function(){

sum+=parseInt($(this)val(),10);

});

windowalert(sum);

以上就是关于JS获取checkbox的值，然后插入数据库全部的内容，包括:JS获取checkbox的值，然后插入数据库、js 获取form中所有name相同的checkbox、js中text、combobox的值都可以用.value获取，checkbox的值怎么获取等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！