-1

だから私はコーディングが初めてで、友人のために簡単なバックグラウンドプロジェクトを作ろうとしていて、私が考えました。これを開始するために HTML を使用しています。50 の状態と進行状況バーを含むチェックボックスのリストを作成したいと考えています。各状態のチェックボックスをクリックすると、バーがいっぱいになり、50 個すべてをクリックすると、画面上部の進行状況バーの横にあるチェックボックスがオンになり、それぞれの言葉の下に小さな言葉が表示されます。

誰かが私を助けることができれば、私は非常に感謝しています!

ありがとう、カクスウェル。

4

2 に答える 2

0

ブートストラップと JQuery を使用すると、次のように実現できます。

<div class="container-fluid">
    <div class="row">
        <div class="col-xs-10">
            <div class="progress">
                <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
        </div>
        <div class="col-xs-2">
            <input id="ccomplete" class="form-control" type="checkbox" />
        </div>
    </div>
    <div id="main" class="row">
        <input class="form-control" type="checkbox" />
    </div>
</div>

完全なコードを含む JSFiddleデモを次に示します。

このような操作については、javascript/jquery を学習することをお勧めします。

上記のデモでは、JQueryおよびBootstrapフレームワークを使用しています。

于 2015-08-17T07:44:43.577 に答える
0

残念ながら、HTML だけを使用してこれらすべてを実行することはできません。HTMLでフォームなどを構築できます。ロジックは他の言語で管理する必要があります。この場合、JavaScript をお勧めします。まずは W3Schoolsをご覧ください。幸運を

于 2015-08-17T07:05:37.467 に答える