当前位置:编程学习 > JS >>

求javascript中的语句

单选按钮---男女:如果选男 点击确定就会在信息表(文本区域)中显示出来,如果选女的也一样
补充:必须是点击确定才出现
追问:不能有呀,不能点击男女能解释一下吗?看不懂。谢谢了。
答案:<html>
<head>
<title></title>
<script>
function f1(){
	var male = document.getElementById("male");
	var female = document.getElementById("female");
	var show = document.getElementById("show");
	if(male.checked)
		show.value = "男";
	else if(female.checked)
		show.value = "女";
	else
		alert("你还未选择!!!");
}
</script>
</head>

<body>
 <input type="radio" id="male" /> 男
 <input type="radio" id="female" />女<p />
 <button onclick="f1()">确定</button><p />
<textarea id="show" cols="10" rows="3"></textarea>
</body>
</html>
其他:<script>
function selectObj(obj){
  var showSex = document.getElementById("showSex");
  showSex.innerHTML = obj.value; 
}
</script>
<input type="radio" value="男" name="sex" onclick="selectObj(this)">
<input type="radio" value="女" name="sex"  onclick="selectObj(this)">
<div id="showSex"></div> 修订版 :
<script>
function selectObj(obj){
  var showSex = document.getElementById("showSex");
  showSex.innerText = obj.value; 
}
</script>
<input type="radio" value="男" name="sex" onclick="selectObj(this)" id="male"/><label for="male">男</label>
<input type="radio" value="女" name="sex"  onclick="selectObj(this)" id="famale"/><label for="famale">女</label>
<br>你选择的是:<input id="showSex" type="text"/> 你的这个函数是有问题的。我猜想这个函数的意图应该是为<input name="action">标签设置value值。但是此函数存在浏览器兼容性问题。
在ie9中, var obj = eval("document.forms[0]." + eleName);执行的结果是获取form的某一属性值。
但在Chrome中,执行的结果是获取form的子标签input,select...
也就是说当表单如下时:
<form action="">
    <input name="action" value="">
    。。。。。
</form>

ie9会优先处理form的action属性,而忽略名为action的子元素。即你的函数处理的是form的action属性
Chrome中会优先处理名为action的子元素,而忽略form的action属性,即你的函数处理的是<input name="action">标签。

建议你把 
var obj = eval("document.forms[0]." + eleName);
改成
 var obj = eval("document.forms[0].elements['" + eleName+"']");
 

上一个:javascript的参数是怎么隐藏的?我看很多网站的所有javascript链接都显示 javascript(0);
下一个:javascript 特定区域内搜索标记

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,