Question

JS如何实现radio值然后再判断这个radio下面的文本框不能为空。

不好意思啊可能我的问题还是没有问题清楚！我发个图大家看看~
我插图说名下啊就是先判断是否选择“其他地址”如果是就显示下面的几个文本框~同时在提交表单的时候判断文本框是否为空~要是选择上面的联系方式就什么都不用判断了。

Answer 1

<form id="form1" name="form1" method="post" action="">
<input type="radio" id="radiobutton1" name="radiobutton" value="地址" onclick="onclickOK(1)"/>地址
<input type="radio" id="radiobutton2" name="radiobutton" value="其他地址" onclick="onclickOK(2)"/>其他地址
<div style="display:none" id="divID">
收件人<input type="text" id="shoujianren" name="shoujianren" value=""/>
<br />……手机号等其他文本框
</div>
<input type="button" name="anNiu" value="确定" onclick="OK_B();"/>
</form>
<script>
function onclickOK(str){//选择“其他地址”显示文本框，否则隐藏文本框
if (str==1){
document.getElementById("divID").style.display="none";
}
if (str==2){
document.getElementById("divID").style.display="";
}

}
function OK_B(){
if ((!document.form1.radiobutton1.checked)&&(!document.form1.radiobutton2.checked)){//radio未被选中
alert("请选择");
}
if (document.getElementById("divID").style.display==""){
//判断文本框不能为空
if (document.form1.shoujianren.value==""){
alert("收件人不能为空！");
return;
}
//其他文本框判断同收件人
}
}
</script>

Answer 2

<script>
function test(){
if(document.getElementById('radio').checked){
alert("名字不能为空！");
}

}
</script>

<input type="radio" name="fruit" value = "Apple" id="radio" ><strong id="sg">苹果</strong><br>
<input type="radio" name="fruit" value = "orange" id="radio2" checked="true"><strong id="sg">橘子</strong><br>

名字：<input type="text" name="name" id ="name" onmouseover="test();"/>

Answer 3

function check(){
if(document.form.r1.value==""){
window.alert("值为空!")
document.form.r1.value='张三';
}
if(document.form.r1.value!=""){
alert("赋值成功:"+document.form.r1.value);
}
}

</script>
<form action="#" method="post" name="form">
<input type="radio" name="r1" value="" checked="checked">张三
<input type="button" onclick="check()" value="CHECK">
</form>
有啥不懂的说一下，教你!

Answer 4

不知道你的问题是什么，如果你要操作radio的value 属性，
document.getElementById("radio").value操作
如果是后面的文本你可以这样写
<input type="radio" name="fruit" value = "Apple" id="radio"><strong id="sg">苹果</strong><br>，
然后用document.getElementById("sg").innerHTML="FFFF";操作

Answer 5

新的1年开始，祝好事接2连3，心情4季如春，生活5颜6色，7彩缤纷，偶尔8点小财，烦恼抛到9霄云外！请接受我10心10意的祝福。祝新春快乐！