<input type="radio" name="rd" id="rd1" value="1" checked="checked" onclick="change(this)" /><input type="text" name="txt_rd" id="rd1_txt" />
<br />
<input type="radio" name="rd" id="rd2" value="2" onclick="change(this)" /><input type="text" name="txt_rd" id="rd2_txt" style="display: none" />
</div>
<div id="rd_div" style="float: left">
<div id="rd1_div">
<input type="checkbox" value="11" />11
<input type="checkbox" value="12" />12
<input type="checkbox" value="13" />13
</div>
<div id="rd2_div" style="display: none">
<input type="checkbox" value="21" />21
<input type="checkbox" value="22" />22
<input type="checkbox" value="23" />23
</div>
</div>
<script type="text/javascript">
function change(arg) {
var rd = arg
var thisdiv = document.getElementById(rd.id + "_div")
var divs = document.getElementById('rd_div').getElementsByTagName('div')
for (var i = 0 i < divs.length i++) {
if (divs[i].id == thisdiv.id) {
divs[i].style.display = ''
}
else {
divs[i].style.display = 'none'
}
var chbs = divs[i].getElementsByTagName('input')
var checkedstr = ""
for (var j = 0 j < chbs.length j++) {
if (chbs[j].checked) {
checkedstr += chbs[j].value + ','
}
}
var txt = document.getElementById(divs[i].id.substring(0, 3) + "_txt")
txt.value = checkedstr
}
var thistxt = document.getElementById(rd.id + "_txt")
var txts = document.getElementsByName('txt_rd')
for (var i = 0 i < txts.length i++) {
if (txts[i].id == thistxt.id) txts[i].style.display = ''
else txts[i].style.display = 'none'
}
}
</script>
简单快捷,不解释! @_@
js获取radio值的步骤如下:
<script language="javascript">
function validateadd()
{
var New=document.getElementsByName("New")
var strNew
for(var i=0i<New.lengthi++)
{
if(New.item(i).checked){
strNew=New.item(i).getAttribute("value")
break
}else{
continue
}
}
if(strNew=="否")
{
alert("商品必须为新品!")
return false
}
}
</script>
Radio 对象代表 HTML 表单中的单选按钮。
在 HTML 表单中 <input type="radio">每出现一次,一个 Radio 对象就会被创建。
单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中,之前选中的按钮就变为非选中的。
当单选按钮被选中或不选中时,该按钮就会触发 onclick 事件句柄。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function to_change(){
var obj = document.getElementsByName('aa')
for(var i=0i<obj.lengthi++){
if(obj[i].checked==true){
if(obj[i].value=='s'){
document.getElementById('content').innerHTML='售售'
}else if(obj[i].value=='z'){
document.getElementById('content').innerHTML='租租'
}
}
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<INPUT TYPE="radio" NAME="aa" value='s' onclick="to_change()">售
<INPUT TYPE="radio" NAME="aa" value='z' onclick="to_change()">租
<hr>
<span id='content'>
</span>
</BODY>
</HTML>