如何从选中的单选按钮获取标签文本和所选值?

时间:2018-09-09 17:05:42

标签: 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>

1 个答案:

答案 0 :(得分:1)

为select元素指定一个ID,然后使用document.getElementById(id).value
这应该返回所选选项的值,然后您可以使用任意方式。
相反,使用.text可以在列表中向用户显示文本(在此示例中,它们是相同的)。