zoukankan      html  css  js  c++  java
  • js获取checkbox复选框获取选中的选项

    js获取checkbox复选框获取选中的选项

    分享下javascript获取checkbox 复选框获取选中的选项的方法。

    有关javascript 获取checkbox复选框的实例数不胜数。
    js实现:

    var form = document.getElementById("form2");
    
    var field = form.elements["test2"];
    var option = Dining.getSelectedOption(form, field);
    var message = "";
    for (var i = 0, len = option.length; i < len; i++) {
    message += "Select id:" + option[i].id + "
    Selected name:" + option[i].name + "
    Selected value:" + option[i].value + "
    
    ";
    }
    alert(message);
    /*获取选中的选项*/
    getSelectedOption: function (selectform, selectionfield) {
    var result = [];
    var option = null;
    for (var i = 0; i < selectionfield.length; i++) {
    option = selectionfield[i];
    if (option.checked) {
    result.push(option);
    } www.jbxue.com
    
    }
    return result;
    
    }
    <form id='form2'>
    
    <label>排序:</label><input id='aaaaa' type='checkbox' name='test2' value='1'>
    
    <label for='aaaaa'>月销量</label><input id='bbbbb' type='checkbox' name='test2' value='2'>
    
    <label for='bbbbb'>评分</label><input id='ccccc' type='checkbox' name='test2' value='3'>
    
    <label for='ccccc'>优惠</label> <br style='clear:both'><label>分类:</label><input id='ddddd' type='checkbox' name='test2' value='4'>
    
    <label for='ddddd'>商务套餐</label><input id='eeeee' type='checkbox' name='test2' value='5'>
    
    <label for='eeeee'>凉菜</label><input id='fffff' type='checkbox' name='test2' value='6'>
    
    </form>",
  • 相关阅读:
    团队项目:二次开发1.0
    文法分析2
    文法分析1
    词法分析实验总结
    0916 编程实验一 词法分析程序
    0909初学编译原理
    复利计算
    0302思考并回答一些问题
    1231 实验四 递归下降语法分析程序设计
    1118实验三有限自动机构造与识别
  • 原文地址:https://www.cnblogs.com/cfinder010/p/3936331.html
Copyright © 2011-2022 走看看