Javascript 仅影响单击的对象

Question

此 Javascript 将 selected 类删除或添加到 html 表单输入上的标签。如果我有不止一组输入，如何仅在单击的元素上触发此 Javascript？

window.addEvent('domready', function() {
  $$('input').set({
    events: {
      change: function(el) {
        $$('label').removeClass('selected');
        this.getParent('label').addClass('selected');
      }
    }
  });
});

HTML

<input name="state" type="radio" />
<label class="nostate selected">x
<input name="state" type="radio" checked />
</label>
<input name="state" type="radio" />
<br>
<input name="state1" type="radio" />
<label class="nostate selected">x
<input name="state1" type="radio" checked />
</label>
<input name="state1" type="radio" />

CSS

<style>
.nostate{
    color:grey;
}

label.nostate.selected {
    background-color:white;
    color: white;
}
</style>

Answer 1

你在寻找这样的东西吗？/

    <form action="form_action.asp">
    <input type="checkbox" name="coffee" value="cream">With cream<br>
    <input type="checkbox" name="coffee" value="sugar">With sugar<br>
    <br>
    <input type="button" onclick="myFunction()" value="Send order">
    <br><br>
    <input type="text" id="order" size="50">
    <input type="submit" value="Submit">
    </form>

javascript 函数为:

     function check() {
    document.getElementById("myCheck").checked = true;
   }

    function uncheck() {
    document.getElementById("myCheck").checked = false;
   }