随便写点关于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();

 

以上就是简单的一些总结,以后有别的,继续更新。

posted @ 2020-05-11 16:09  a534158125  阅读(1507)  评论(0编辑  收藏  举报