时间戳

首页 > 解决方案 > 如何从选中的单选按钮中获取标签文本和选定值？

javascript - 如何从选中的单选按钮中获取标签文本和选定值？

问题描述

我正在尝试从选中的单选按钮中获取文本和选定的值并将其放入变量中。试图获得诸如“已发布”之类的内容，或者是否将其他电台检查为“未在审核中”。这需要是纯 javascript - 没有 jquery 或任何其他框架。

    <form>
      <div class="filter-option">
        <input type="radio" id="status" name="status" checked="checked"/>
        <label for="status">Is</label>
        <div class="searchFilter">
          <select class="selectpicker" title="" data-size="false" multiple 
          data-live-search="true">
          <option value="all">All</option>
          <option value="published">Published</option>
          <option value="draft">Draft</option>
          <option value="in-review">In Review</option>
          <option value="deleted">Deleted</option>
        </select>
      </div>
    </div>
    <div class="filter-option">
      <input type="radio" id="is_not" name="status"/>
      <label for="is_not">Is not</label>
      <div class="searchFilter">
        <select class="selectpicker" title="" data-size="false" multiple data- 
        live-search="true">
          <option value="all">All</option>
          <option value="published">Published</option>
          <option value="draft">Draft</option>
          <option value="in-review">In Review</option>
          <option value="deleted">Deleted</option>
        </select>
      </div>
      </div>
      <div class="filter-option">
        <input type="radio" id="contain" name="author"/>
        <label for="contain">Contain</label>
        <div class="searchFilter">
          <input type="text" class="simpleSearch">
        </div>
      </div>
    </form>

标签： javascript

解决方案

你给选择元素一个 id，然后使用document.getElementById(id).value.
这应该返回所选选项的值，然后您可以使用任何您想要的方式。
相反，使用.text会为您提供在列表中显示给用户的文本（​​在此示例中它们是相同的）。

推荐阅读