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

Javascript 如何从选中单选按钮获取标签文本和选定值?,javascript,Javascript,我试图从选中单选按钮中获取文本和所选值,并将其放入变量中。试图获取类似“已发布”或其他电台是否检查为类似“未在评论中”的内容。这需要是普通的javascript——没有jquery或任何其他框架 <form> <div class="filter-option"> <input type="radio" id="status" name="status" checked="checked"/> <lab

我试图从选中单选按钮中获取文本和所选值,并将其放入变量中。试图获取类似“已发布”或其他电台是否检查为类似“未在评论中”的内容。这需要是普通的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>

是
全部的
出版
草稿
回顾
删除
不是
全部的
出版
草稿
回顾
删除
包含

给select元素一个id,然后使用
document.getElementById(id).value

这将返回所选选项的值,然后您可以以任何方式使用该选项。

相反,使用
.text
将向您提供列表中显示给用户的文本(在本例中,它们是相同的)。

是否可能重复您为解决此问题所做的操作?我们来这里是为了帮助您解决和理解您的问题,而不是提供免费代码。顺便说一下,我注意到这个问题与