随便写点关于js获取radio单选框的是否被点击以及获取input文本的值
最近做了一个项目,需要写到关于判定js单选框是否被选中以及判断input的值是否存在,写下一点感觉,希望能有帮助。
1,JS获取radio是否被选中,其中有两种方法,两种方法本别是有区别的
①,使用JS获取radio的值,并将值for循环,如果其中有被点击的,使其弹出被选中,反之弹出未被选中
HTML部分
<div class="radioY">
<input type="radio" name="radio">1
<input type="radio" name="radio">2
<input type="radio" name="radio">3
<input type="radio" name="radio">4
<input type="radio" name="radio">5
</div>
<button type="button" onclick="cs()">点击测试</button>
JS部分
function cs(){
var inputs = document.getElementsByName("radio");
console.log(inputs)
for(var i=0;i<inputs.length;i++){
if(inputs[i].checked){
alert("被选中了")
console.log(inputs[i])
}else{
alert("未选中")
}
}
这种方式是会弹出5次,因为for循环了。
②:使用JQ
html部分同上,JS部分:
var val=$('input:radio[name="radio"]:checked').val();
if(val){
alert("被选中了")
}else{
alert("未被选中")
}
这种就是点击就会弹出被选中。
2,js获取input的值,方法比较多,我就写几种
<input type="text" name="text" id="text" value="" />
通过id:var x =document.getElementById("text").value
通过jQ有几种: var text = $("#text).val();
var text =$("input[id='text']").val();
以上就是简单的一些总结,以后有别的,继续更新。