添加选项功能

最新推荐文章于 2025-03-18 11:15:53 发布

原创最新推荐文章于 2025-03-18 11:15:53 发布 · 960 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了在Mvc项目中如何实现添加选项的功能，特别是针对单选、多选和判断题型。根据题目类型限制选项数量，如判断题固定两个，其他不超过6个。文章通过if判断和js代码展示了具体的实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发工具与关键技术: VisualStudio 2015 mvc

作者：杨泽平

撰写时间：2019、6、10

Mvc项目中，添加选项这一功能，一般在录入一些题目信息的时候会用到，这也是我们经常需要用到的一个功能，这个功能的方法是在原有的选项上添加选项，主要涉及到的是，if判断和通过js添加选项的HTML代码，以下面这个为例。

这个添加选项在这里，有单选、多选、判断三种题型，三种题目最少不能少于两个选项，判断题为固定两个选项，其他的最多不能超过6个选项，这个根据自己需求的设定。

首先，题目类型决定选项，所以先判断所选择的题目类型，如果为判断题就不能添加选项，否则可以添加，再判断如果添加大于六个选项就不能继续添加，否则可以继续添加，然后是，添加选项的HTML代码，最后添加选项，添加选项的方法就这样。

详情代码如下：

function addOptions() {

//题目选项由题目类型决定

var TitleTypeID = $("#TitleType").val();

if (TitleTypeID == undefined || TitleTypeID == "") {

   TitleTypeID = 0;

}

if (TitleTypeID != 0) {

   if (TitleTypeID != 3) { //判断题型

      var options = $("#addOptions").find(".form-row"); //获取当前选项

         if (options.length < 6) {//判断当前选项的个数

           var strOption = '<div class="form-row">' +

                             '<label
class="col-sm-1  col-form-label
text-right">' +
ArrLetter[options.length] + '</label>' +

                                '<div
class="col-sm-11">' +

                                   '<input
 type="text" class="form-control form-control-sm" />' +

                                '</div>' +

                           '</div>';

                $("#addOptions").append(strOption); //添加选项

          }

          else {

              layer.alert("当前选项个数已达上限，不能再进行选项的添加!", { icon:0,title:"提示"});

            }

    }

    else {

          layer.alert("当前题型为判断题，不能添加选项！", { icon: 0, title: "提示" });

    }

}

else {

       layer.alert("请选择题目类型！", { icon: 0, title: "提示" });

 }

}

后面就是效果了，当选择的题目类型为判断题是，点击添加选项就会提示不能添加选项。

效果如下图所示：

在这里插入图片描述