-1

所以我是编码新手，我只是想为一个朋友做一个简单的背景项目，我想到了。我为此使用 HTML 来开始。我想制作一个包含五十个状态和进度条的复选框列表。现在，当您单击每个州的复选框时，该栏会填满，然后当您单击全部 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 回答