首页 / JAVASCRIPT / javascript-为每个单选按钮分配2个值

javascript-为每个单选按钮分配2个值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-为每个单选按钮分配2个值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2078字，纯文字阅读大概需要3分钟。

内容图文

我正在尝试为每个单选按钮分配2个值,以在2个字段中输出.但这是行不通的.这是我使用的代码：

<!DOCTYPE html>
    <html>
    <head>
    <script>
    function check(browser) {
        document.getElementById("answer").value=browser;
    document.getElementById("answerB").valueB=browser;
    }
    </script>
    </head>
    <body>
    
    <p>What's your favorite browser?</p>
    
    <form>
    <input type="radio" name="browser" onclick="check(this.value)"     value="400mb",  valueB="600mb">Internet Explorer<br>
    <input type="radio" name="browser" onclick="check(this.value)"     value="600mb",  valueB="700mb">Firefox<br>
    <input type="radio" name="browser" onclick="check(this.value)"     value="500mb",  valueB="500mb">Opera<br>
    <input type="radio" name="browser" onclick="check(this.value)"     value="500mb",  valueB="500mb">Google Chrome<br>
    <input type="radio" name="browser" onclick="check(this.value)"     value="300mb",  valueB="300mb">Safari<br>
    <br>
    PC Min Ram Requirement is: <input type="text" id="answer" size="20">
    Mac Min Ram Requirement is:  <input type="text" id="answerB" size="20">
    </form>
    
    </body>
    </html>

解决方法:

我使用string.split修复了您的代码,并且没有任何外部库.尝试访问目标输入上的valueB时,也遇到了参考错误.

    <!DOCTYPE html>
    <html>
        <head>
            <script>
                function check(browser) {
                    var splitValues = browser.split(';');
                    document.getElementById("answer").value=splitValues[0];
                    document.getElementById("answerB").value=splitValues[1];
                }
            </script>
        </head>
        <body>
        
        <p>What's your favorite browser?</p>
        
        <form>
            <input type="radio" name="browser" onclick="check(this.value)"     value="400mb;600mb">Internet Explorer<br>
            <input type="radio" name="browser" onclick="check(this.value)"     value="600mb;700mb">Firefox<br>
            <input type="radio" name="browser" onclick="check(this.value)"     value="500mb;500mb">Opera<br>
            <input type="radio" name="browser" onclick="check(this.value)"     value="500mb;500mb">Google Chrome<br>
            <input type="radio" name="browser" onclick="check(this.value)"     value="300mb;300mb">Safari<br>
            <br>
            PC Min Ram Requirement is: <input type="text" id="answer" size="20">
            Mac Min Ram Requirement is:  <input type="text" id="answerB" size="20">
        </form>
        
        </body>
    </html>

内容总结

以上是互联网集市为您收集整理的javascript-为每个单选按钮分配2个值全部内容，希望文章能够帮你解决javascript-为每个单选按钮分配2个值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/691269.html

来源：【匿名】