在bootstrap中创建多项选择题并允许2个或更多选择
在Bootstrap中创建多项选择题并允许2个或更多选择，可以使用Bootstrap的表单组件和自定义控件来实现。
首先，我们可以使用Bootstrap的表单组件来创建一个表单，其中包含多个选择项。可以使用<form>标签来定义表单，然后使用<div>标签和相应的类来创建表单组件。
<form>
<div class="form-group">
<label for="question">问题：</label>
<p>请选择以下选项（可多选）：</p>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="option1" value="option1">
<label class="form-check-label" for="option1">
选项1
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="option2" value="option2">
<label class="form-check-label" for="option2">
选项2
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="option3" value="option3">
<label class="form-check-label" for="option3">
选项3
</label>
</div>
</div>
</form>上述代码中，我们使用了<div>标签和form-group类来创建一个表单组件。每个选择项都使用<div>标签和form-check类来创建，并使用<input>标签和form-check-input类来创建复选框。每个选择项都有一个唯一的id和相应的label。
如果需要允许选择2个或更多选项，可以将每个选择项的name属性设置为相同的值，并在<input>标签中添加multiple属性。
<form>
<div class="form-group">
<label for="question">问题：</label>
<p>请选择以下选项（可多选）：</p>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="option1" name="options[]" value="option1" multiple>
<label class="form-check-label" for="option1">
选项1
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="option2" name="options[]" value="option2" multiple>
<label class="form-check-label" for="option2">
选项2
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="option3" name="options[]" value="option3" multiple>
<label class="form-check-label" for="option3">
选项3
</label>
</div>
</div>
</form>在上述代码中，我们将每个选择项的name属性设置为options[]，并添加了multiple属性，以允许选择2个或更多选项。
关于Bootstrap的更多信息和使用方法，可以参考腾讯云的Bootstrap产品介绍页面：Bootstrap产品介绍
相关·内容
1回答
在bootstrap中创建多项选择题并允许2个或更多选择
html、bootstrap-4、survey
通过引用https://getbootstrap.com/docs/4.0/components/forms/，可以使用以下代码创建具有一项选择余量的多项选择题： <div classlabel class="form-check-label" for="gridRadios3"> </label>
<
浏览 10提问于2020-06-16得票数 0
1回答
在Google Docs表单中，如何将多项选择答案"other“更改为其他答案？
forms、google-docs、survey
我正在尝试创建一个谷歌表单的调查，并想创建一个多项选择题的答案之一是“不可接受(请评论)”。我想让这个人在选择这个多项选择答案后添加一些文本。在Google forms中创建这个多项选择题时，它似乎有一个带有文本框的"other“选项，但它不允许我将默认文本"other”更改为其他内容。有没有人知道是否可以更改默认文本&quo
浏览 7提问于2013-01-16得票数 4
回答已采纳
1回答
Rails gem，用于向我的rails应用程序添加测验
ruby-on-rails
我从编写自己的测验处理模块开始，但后来我意识到我需要更多的选择。我只是添加了多项选择题，但我需要简答题，填空等等。我试着寻找一个可以做到这一点的gem，但只能找到只提供MCQs的。有没有什么好东西可以帮助我在我的应用程序中添加测验？谢谢,
浏览 1提问于2013-05-13得票数 1
0回答
SurveyMonkey是否支持更改问题相对于嵌入图像的位置？
survey、surveymonkey
我正在使用SurveyMonkey创建我自己的调查，并希望能够将我的多项选择题放置在嵌入的图像中，如下所示：我可以重新定位这些吗？或者我只能通过水平或垂直对齐来更改这些问题的位置？
浏览 3提问于2016-07-09得票数 0
回答已采纳
1回答
RDBMS的替代方法:对考试/测试数据进行建模
nosql、database-design
TSQL & C#在工作中。📷测试(ex: Comptia A+)历史/倒置
我知道我可以在Server中完成所有这些，但我觉得这不是最有效的选择。我不能让自己喜欢出现在脑海中的选项:每种问题类型的表格。伊夫桌。某
浏览 0提问于2015-01-29得票数 0
1回答
如何使用问答字段创建自定义内容类型？
views、8、nodes
我对Drupal 8非常陌生，有没有一种方法可以用一个小测验字段创建一个自定义内容类型？
浏览 0提问于2017-04-21得票数 0
回答已采纳
1回答
PHP MySQL -从复选框获取数据
php、html、mysql、foreach、project
我正在为一个最后一年的项目开发一个网站，允许用户创建基于数据库中存储的数据的调查问卷。，问题类型: mc (对于多项选择题)，问题值: male#female (然后使用#将它们分解到一个数组中)。
到目前为止，我已经能够通过填充select元素来创建多项选择题。我想创建一个复选框问题格式。这将允许用户选择多个答案。我使用了以下代码来创建问题，但我在</e
浏览 1提问于2014-04-08得票数 0
2回答
Rails中序列化的NoMethodError
ruby-on-rails、serialization
我正在尝试创建一个有表格、有问题、有答案的应用程序。这些问题需要一种不同类型的回答，例如自由文本或一组可能的选择(多项选择问题)。不同类型的问题继承自基类问题。事实证明，多项选择题是有问题的。将有多个选择题，有不同的可能答案集(例如，1-5，1-8或是/否)。我正在考虑创建一个类MultipleChoiceQuestion <问号，答案选择作为数组给出，然后使用序列化保存到数据库中。
浏览 1提问于2012-07-27得票数 1
1回答
如何在控制器中为属于其他对象不同类型的对象渲染不同的局部
ruby-on-rails、ruby-on-rails-3
我构建的应用程序，允许用户创建问题的类型:真/假，单一和多个选择。因此，我创建了一些模型： attr_accessible :name, :shorcut我认为地址是这样的：：将为单项选择题</e
浏览 0提问于2012-10-29得票数 1
回答已采纳
1回答
模型多态性和模型-视图分离
django、model-view-controller、design-patterns、database-design
在开发我的Django应用程序时，我遇到了一些进退两难的问题，但我认为我遇到的问题通常适用于MVC模式。我正在制作一个Question模型，它可以用来构建测验或问卷。我希望支持不同类型的问题，如多项选择题或滑动比例问题，这些问题将是Question基类的子类，并添加了额外的字段，如一组可能的选择。我希望将来能够扩展我的问题模型以支持更多类型的问题，为此，我可以依靠多态性，并在Question的所有子类的模型层和视图层之间传递Question类型的对象。
浏览 0提问于2012-07-12得票数 0
回答已采纳
1回答
将单元格中的文本转换为数字
google-sheets、google-sheets-formula、gs-vlookup
我正在创建一个Google表单来进行数字多项选择测试。给出的答案将被发送到Google。答案是多项选择，所以我得到的数据包含了有限数量的可能答案。在这个电子表格中，我希望根据答案是否正确(或部分正确)，在给出的答案中添加点数(如3,3或5或10或0)。
在示例电子表格中，每行由学生给出的所有答案组成。当学生在表单中发送时(在这个测试文件中，我只有
浏览 0提问于2015-10-01得票数 0
回答已采纳
2回答
我的drupal网站上的每日问题
drupal、module、drupal-modules
该问题是多项选择，默认情况下应显示选项。访问者只需单击ans并按提交到ans即可。这看起来像一个投票，但我不想在提交时显示摘要，相反，我想显示正确的答案。
提前感谢:)
浏览 1提问于2011-02-10得票数 0
1回答
根据数组列表中的对象类型执行不同的行为
java、arrays、arraylist
每个考试都可以有一个对或错的问题(布尔值)，一个填空的问题(包含所有选项的字符串数组)和一个多项选择题(也可以是一个包含所有选项的字符串数组)。现在，评分是这样进行的。但对于填空和多项选择，有部分学
浏览 0提问于2015-11-09得票数 1
1回答
在多项选择测试应用程序中使用不使用任何适配器的新内容刷新视图
android、android-layout、view、android-activity、multiple-choice
我是安卓应用程序创建世界中的一只纽比。
我正在创建一个有多项选择题的应用程序。而且，它可能是25，50或100取决于用户的选择。现在，在活动中，会有一个带有4个选项的问题，以及导航到下一个或上一个问题的下一个/上一个按钮。如何实现下一步/上一步按钮功能，在同一活动中显示下一步/上一步问题，只需用新问题或之前回答的问题更新内容？
浏览 0提问于2012-10-18得票数 1
回答已采纳
3回答
如何正确动态检查android权限
android、permissions、package、android-manifest、android-context
多项选择题：或因此，任何关于真正区别的解释都是很棒的:D
*注意:我在一个库中给出了这个代码，所以我只被允许在运行时检查权限，除非你知道更好的方法。
浏览 4提问于2013-08-23得票数 6
1回答
Qualtrics:如何循环钻取结果？
javascript、qualtrics
在第一个下拉列表中，用户选择讲师，然后在第二个下拉列表中填充所选教师提供的课程。 我需要做的是循环遍历第二个下拉列表中填充的所有课程(不仅仅是选定的课程，所有课程)，以便为每个课程呈现一个问题。此外，不能通过界面手动创建显示逻辑，因为有200多名讲师，每个教师都有多门课程。有什么想法吗？ 谢谢!
浏览 41提问于2019-02-14得票数 0
1回答
使用GO_TO_PAGE从应用脚本中的工作表创建谷歌表单
google-apps-script、google-sheets、google-forms
我有一张工作表，上面有一列组名，以及他们需要报告的他们做过或没有做过的事情。我在创建一个脚本时遇到了麻烦，该脚本可以让名称列生成一个多项选择题，并根据答案直接指向正确的下一页。AnotherThing AnotherThing1 AnotherThing3 Anotherthing4第一个问题是多项选择根据答案，我需要它定向到一个新的部分，与其他列的内容在同一行作为<e
浏览 0提问于2017-09-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
