Question

我的代码中有UL

<ul>
  <li><input type="radio" name="color" id="0" value="0"/>RED</li>
  <li><input type="radio" name="color" id="1" value="1"/>GREEN</li>
  <li><input type="radio" name="color" id="2" value="2"/>BLUE</li>
</ul>

无论如何都要使用这些单选按钮的ID直接访问这些元素，还是强制使用JQUERY ......

Answer 1

是的，当然有。

使用

document.getElementById("ElementIdToSelect");

按照ID来选择元素。

Answer 2

for(var i = 0; i < 3; i++){
    var radio = document.getElementById(i + '');
    // use radio
}

我建议使用有意义的ID

编辑：如果您想获得选定的值：

var radios = document.getElementsByName('color');
var selectedValue;
for(var i = 0; i < radios.length; i++){
    if(radios[i].selected){
        selectedValue = radios[i].value;
        break;
    }
}

Answer 3

你的意思是document.getElementById("0")？这应该按照您的要求工作。这是javascript标准

Answer 4

是：

document.getElementById('Your ID')

你必须提醒自己，jQuery只是简单的javascript，所以jQuery中的所有东西都可以用原生的javascript制作。 不要过度使用jQuery来完成简单的任务

Answer 5

在普通javascript的帮助下，您可以通过应用其正确的ID来访问任何选择器。 Jquery只是Js的增强版本。

使用Javascript： -

document.getElementById("0")  // wil point to first radio button

document.getElementById("1")  // wil point to second radio button

使用Jquery： -

$(document).ready(function() {
// Handler for .ready() called.
$('#0').YOUREVENT(function(){
  });
});

最终他们最终会执行相同的操作。

...谢谢

仅使用Javascript访问DOM元素

5 个答案: