求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 特定区域内搜索标记