Fatal编程技术网

Javascript 无法使按钮显示

javascript jquery html

Javascript 无法使按钮显示,javascript,jquery,html,Javascript,Jquery,Html,我不熟悉jQuery和JavaScript。我有一个看起来很棒的复选框列表，但我正在尝试向其中添加一个按钮，这样当用户完成检查时，按钮就会被点击，然后调用我的函数来确定哪些是选中的，哪些是未选中的 但是，我的按钮不见了。我尝试将代码添加到li标记中，并添加到复选框部分的其余部分，但没有显示出来。我试着在dd标签之后和div结尾之后添加它。我想我必须将它保持在form标签内，以便我的函数工作，除非我弄错了。你知道为什么按钮没有出现吗 是我在中找到函数概念的示例。我在网上搜索，找不到任何好主意为什么

我不熟悉jQuery和JavaScript。我有一个看起来很棒的复选框列表，但我正在尝试向其中添加一个按钮，这样当用户完成检查时，按钮就会被点击，然后调用我的函数来确定哪些是选中的，哪些是未选中的

但是，我的按钮不见了。我尝试将代码添加到li标记中，并添加到复选框部分的其余部分，但没有显示出来。我试着在dd标签之后和div结尾之后添加它。我想我必须将它保持在form标签内，以便我的函数工作，除非我弄错了。你知道为什么按钮没有出现吗

是我在中找到函数概念的示例。我在网上搜索，找不到任何好主意为什么我的按钮没有出现。这可能是选项卡的语法错误或其他原因

谢谢

这是我的代码：

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.

-->
<html>
    <head>
        <title>jQuery Michele Project</title>
        <link href="css/skins/polaris/polaris.css" rel="stylesheet">
        <link href="css/skins/all.css" rel="stylesheet">
        <link href="css/demo/css/custom.css" rel="stylesheet">
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script type="text/javascript" src="js/jquery-1.11.0.js"></script>
        <script type="text/javascript" src="js/jquery.ui.core.js"></script>
        <script type="text/javascript" src="js/jquery.ui.widget.js"></script>
        <script src="js/icheck.js"></script>

        <script type="text/javascript">
            $(document).ready(function(){
                $('.input').iCheck({
                    checkboxClass:'icheckbox_polaris',
                    radioClass:'iradio_polaris',
                    increaseArea:'10%'
                });
            });
        </script>

        <script type="text/javascript">
        // Returns an array with values of the selected (checked) checkboxes in "frm"
        function getSelectedChbox(frm) {
            // JavaScript & jQuery Course - http://coursesweb.net/javascript/
            var selchbox = [];        // array that will store the value of selected checkboxes

            // gets all the input tags in frm, and their number
            var inpfields = frm.getElementsByTagName('input');
            var nr_inpfields = inpfields.length;

            // traverse the inpfields elements, and adds the value of selected (checked) checkbox in selchbox
            for(var i=0; i<nr_inpfields; i++) {
                if(inpfields[i].type == 'checkbox' && inpfields[i].checked == true) selchbox.push(inpfields[i].value);
            }

            return selchbox;
        }

        document.getElementById('btntest').onclick = function() {
            var selchb = getSelectedChbox(this.form);
            alert(selchb);
        }
        </script>

        <style type="text/css">
            ul {list-style-type: none}
            img {padding-right: 20px; float:left}
            #infolist {width:500px}
        </style>
    </head>
    <body>
    <form>
    <div class="skin skin-line">
        <div class="arrows">
          <div class="top" data-to="skin-flat"></div>
          <div class="bottom" data-to="skin-polaris"></div>
        </div>

      </div>
      <div class="skin skin-polaris">
        <div class="arrows">
          <div class="top" data-to="skin-line"></div>
          <div class="bottom" data-to="skin-futurico"></div>
        </div>
        <h3>Select Items for Column Headings</h3>
        <dl class="clear">
          <dd class="selected">
            <div class="skin-section">
              <h4>Live</h4>

              <ul class="list">
                <li>
                  <input tabindex="21" type="checkbox" id="polaris-checkbox-1">
                  <label for="polaris-checkbox-1">Checkbox 1</label>

                </li>
                <li>
                  <input tabindex="22" type="checkbox" id="polaris-checkbox-2" checked>
                  <label for="polaris-checkbox-2">Checkbox 2</label>
                </li>
                <li>
                  <input type="checkbox" id="polaris-checkbox-3" >
                  <label for="polaris-checkbox-3">Checkbox 3</label>
                </li>
                <li>
                  <input type="checkbox" id="polaris-checkbox-4" checked >
                  <label for="polaris-checkbox-4">Checkbox 4</label>
                </li>

              </ul>

            </div>

            <script>
            $(document).ready(function(){
              $('.skin-polaris input').iCheck({
                checkboxClass: 'icheckbox_polaris',
                radioClass: 'iradio_polaris',
                increaseArea: '20%'
              });
            });
            </script>

           $('#checkbox').prop('checked')  

          </dd>

        </dl>
      </div>
     <input type="button" value="Click" id="btntest" /> //this button isnt showing up on web page
    </form>

    </body>
</html>


jQuery-Michele项目
$（文档）.ready（函数（）{
$（'.input'）.iCheck({
checkboxClass:“icheckbox_polaris”，
无线电等级：'iradio_polaris'，
增加面积：'10%'
});
});
//返回一个数组，其中包含“frm”中选定（选中）复选框的值
功能getSelectedChbox（frm）{
//JavaScript和jQuery课程-http://coursesweb.net/javascript/
var selchbox=[]；//将存储选定复选框值的数组
//获取frm中的所有输入标记及其编号
var inpfields=frm.getElementsByTagName（'input'）；
var nr_inpfields=inpfields.length；
//遍历inpfields元素，并在selchbox中添加selected（checked）复选框的值

对于（var i=0；我可以添加一个提琴吗？我在这里创建了一个提琴，按钮是可见的：我想知道为什么它没有显示给我？这很奇怪！可能与北极星插件隐藏了什么有关？我在你的JSFIDLE中没有看到北极星的东西。谢谢！我现在看到了。我刷新了我的页面并注释掉了$（“#复选框”）.prop（“选中”）