Javascript Jquery回调到同一视图

我有一张单子

List<string> searchList = new List<string>();
searchList.Add("Annotation Text");
searchList.Add("Basic Search");
searchList.Add("Comments");

---

提前感谢…

您能否仅使用输出HTML（例如，运行页面后从浏览器保存）模拟JSFIDLE？您的Razor代码中有一些非常奇怪的东西，我还不理解。首先，您正在创建重复的

id=“one”

，这是无效的HTML。jQuery/Javascript只能看到与ids的第一个匹配，但它是select中的一个复选框列表，如何更改它？。它位于foreach循环中。如果您发布输出HTML，以便我更好地理解您的问题，那么我可以建议使用Razor执行此操作的更好方法。问题是，对我来说，这在目前毫无意义我不明白为什么有人会在文本框中键入一些东西来选中复选框，这看起来有点复杂，不是一个很好的用户体验。

<div class="input-group">
     <input type="text" class="form-control" placeholder="Enter search type" id="enteredSearchType" />
     <span class="input-group-btn">
          <button class="btn btnNormal" id="searchType">Add Search Type</button>
     </span>
</div>
<div class="multiselect">
     <div class="selectBox" onclick="showCheckboxes()">
          <select>
             <option>Select an option</option>
          </select>
          <div class="overSelect"></div>
     </div>
     <div id="checkboxes">
          @foreach (var searchType in searchList)
          {
              if (searchType.Contains())
              {
                 <label for="one"><input type="checkbox" id="one"/>@searchType</label>
              }
          }                                       
      </div>
</div>   
<button class="btn btnNormal" id="searchClaims">Search Claims</button>

$("#searchType").on("click", function () {
        var searchValue = $("#enteredSearchType").val();


    });