ホームページ > ウェブフロントエンド > jsチュートリアル > js如何获取radio单选框选中的值

js如何获取radio单选框选中的值

WBOY
リリース: 2016-06-01 09:54:51
オリジナル
6892 人が閲覧しました

js中一般使用遍历的方法获取radio被选中的值,遍历判断每个Radio是否被选中,如果是,再取其值.

<code class="language-html"><form id="userlist" method="post" action="option.php">
    <input type="radio" name="userid" value="1">1
    <input type="radio" name="userid" value="2">2
    <input type="radio" name="userid" value="3">3
</form>
<script language="javascript">
    function usubmit(action){
        var radionum = document.getElementById("userlist").userid;
        for(var i=0;i<radionum.length;i++){
        if(radionum[i].checked){
            userid = radionum[i].value
        }
    }
    window.location.href='option.php?action='+action+'&userid='+userid;
}
</script></code>
ログイン後にコピー

这里有两个要注意的地方:一个是如何取值,一个是如何遍历

<code class="language-javascript">document.getElementById("userlist").userid;</code>
ログイン後にコピー

这是根据form的id再取其中控件元素的name取值的方法。

document.getElementById("userlist").userid;获取的是一个数组,该数组中的元素是该dom树中所有name为userid的元素,即使只有一个radio,也是一个只包含一个元素的数组,然后我们遍历这个数组,如果数组中某一个radio的checked属性为true,则表示该radio被选中。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート