Question

怎样用js代码获取input的type值

页面上有客户端控件：Button 、checkbox 、radioButton和inputtext
1.获取所有的checkbox控件并弹出该控件的数量
2.获取所有的radioButton并弹出当前被选中的radioButton的值
希望高手能帮忙，急求。谢谢大家啊！

Answer 1

type是input的元素属性，即假如input是一个对象，那么type就是他其中的一个元素。因此input中type属性可以这样得到：input.type。
我们现在要确定input这个元素在dom树里面的位置，这样才可以得到input这个对象里面包含的所有元素。
在js中有许多定位选择的方法，最好的就是用id。
在html中<input id="aa">
在js里面可以这样选择： var input=document.getElementById("#aa");这样就得到你所需要的input对象了。
接着 input.type就可以得到了。

Answer 2

<form name="form1">
a:<input type="text" name="a"><BR><BR>
b:<input type="radio" name="b" value="中国">中国<BR><BR>
c:<input type="checkbox" name="c"><BR><BR>
d:<input type="checkbox" name="d"><BR><BR>
e:<input type="button" name="e" value="我是button"><BR><BR>
<input type="button" name="f" value="点击我获取type" onclick="showtype();">
<input type="button" name="ff" value="点击我获取checkbox数量" onclick="shownum();">
<input type="button" name="ff" value="点击我获取radio的值" onclick="showvalue();">
</form>

<script>
function showtype(){
g=document.getElementsByTagName("input");
for(i=0;i<g.length;i++){
alert(g[i].name+"的type是："+g[i].type);
}
}

function shownum(){
h=document.getElementsByTagName("input");
hh=0;
for(j=0;j<h.length;j++){
if(h[j].type=="checkbox"){hh=hh+1;}
}
alert("checkbox的个数是:"+hh);
}

function showvalue(){
k=document.getElementsByTagName("input");
for(l=0;l<k.length;l++){
if(k[l].type=="radio"){alert("radio的值是:"+k[l].value);}
}
}

</script>

Answer 3

<input id="byny" type="text" name="byny" value="aaa" runat="server"/>
<script>
//脚本获得
document.getElementById("byny").value
</script>

Answer 4

<input type="text" id="tt">
<button onclick="alert(document.getElementById('tt').type)">dd</button>