javascript - 如何使用javascript更改选中的值

Question

我正在尝试更改默认选中的单选按钮，但我无法访问 html 来执行此操作，但我可以使用 javascript。这是 html

<div class="row" id="courseSearchAvailability">
        <div class="col-xs-12">
          <fieldset class="accessibility">
            <legend>
              Filter By Course Availability
            </legend>

         <div class="radio">
              <label> 
                <input type="radio" name="courseSearch.filterString" value="availforreg" id="searchAvailable"> 
                Search scheduled courses 
              </label>
            </div>
             <div class="radio">
              <label> 
                <input type="radio" name="courseSearch.filterString" value="all" checked="checked" id="searchAll"> 
                Search all courses 
              </label>
            </div>
          </fieldset>
        </div>
      </div>

我想将 searchAvailable 设置为默认值，这是我正在使用的 javascript，它似乎不起作用。我是新来的，所以很好笑。

var sel = document.getElementById('searchAvailable');
sel.searchALL.removeAttribute('checked');
sel.searchAvailable.setAttribute('checked', 'checked');
document.forms[0].reset();

Answer 1

只有这两行就足够了:

var sel = document.getElementById('searchAvailable');
sel.checked = true;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row" id="courseSearchAvailability">
    <div class="col-xs-12">
        <fieldset class="accessibility">
            <legend>Filter By Course Availability</legend>
            <div class="radio">
                <label>
                    <input type="radio" name="courseSearch.filterString" value="availforreg" id="searchAvailable">Search scheduled courses</label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="courseSearch.filterString" value="all" checked="checked" id="searchAll">Search all courses</label>
            </div>
        </fieldset>
    </div>
</div>