HTML 5-チェックボックス


とても気まずい事に出会って、ネット上で探したチェックボックスから、すべて効果があって、しかし私の自分のプロジェクトの中で効果がなくて、チェックボックスの操作に対して非常に感度がなくて、ネット上でも説明できるブログがなくて、このような事も私だけがこのような2つの問題を犯して、サインは置くべきでない位置に置いて、どの位置に置くべきですか?HTML 5ベースのMUIフレームワークコードセグメントを次に示します.

<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <title>title>
        <link href="css/mui.min.css" rel="stylesheet" />
    head>
    <body>
        <header class="mui-bar mui-bar-nav">
            <h1 class="mui-title">checkbox’ demoh1>
        header>
        <div class="mui-content">
            <h5 class="mui-content-padded">   :       ?h5>
            <div class="mui-card" style="margin-top: 10px;">
                <form class="mui-input-group">
                    <div class="mui-input-row mui-checkbox" style="height: 50%;margin-top: 10px;">
                        <label>
                            <p>  p>
                            <p>  p>
                        label>
                        <input name="checkbox1" value="Item 1" type="checkbox">
                    div>
                    <div class="mui-input-row mui-checkbox" style="height: 50%;margin-top: 10px;">
                        <label>
                            <p>   p>
                            <p>  p>
                        label>
                        <input name="checkbox2" value="Item 2" type="checkbox">
                    div>
                    <div class="mui-input-row mui-checkbox" style="height: 50%;margin-top: 10px;">
                        <label>
                            <p>  p>
                            <p>p>
                        label>
                        <input name="checkbox3" value="Item 3" type="checkbox">
                    div>
                    <div class="mui-input-row mui-checkbox mui-disabled">
                        <label>disabled checkboxlabel>
                        <input name="checkbox4" type="checkbox" disabled="disabled">
                    div>
                form>
            div>
            <div align="center" style="margin: 12px 12px;">
                <button id="sure" type="button" class="mui-btn mui-btn-blue mui-btn-block" style="font-size: 100%;">  button>
            div>
        div>
        <script src="js/mui.min.js">script>
        <script type="text/javascript" charset="UTF-8">
                mui.init();
                var sureButton;
                mui.plusReady(function() {
                    // Janine:      
                    sureButton = document.getElementById("sure");
                    // Janine:         
                    sureButton.addEventListener('tap', function() {
                        // Janine:  input    checkbox
                        var chks = document.getElementsByTagName('input');
                        var bl = true;
                        //           
                        var checkpass = new Array();  
                        //         ,           
                        var length = chks.length - 1;   
                        for(var i = 0; i <= length; i++) {
                            // Janine:          
                            if(chks[i].checked) {
                                bl = false;
                                checkpass[i] = {
                                    name: "null",
                                };
                                checkpass[i].name =chks[i].previousElementSibling.innerText;
                                mui.alert(checkpass[i].name);
                        }
                    }
                    if(bl) {
                        mui.alert('        ');
                    } 
                });
            });         
        script>
    body>
html>

jsコード