Javascript 选中单选按钮时显示相关内容_Javascript_Html_Radio Button

Javascript 选中单选按钮时显示相关内容

javascript html

Javascript 选中单选按钮时显示相关内容,javascript,html,radio-button,Javascript,Html,Radio Button,因此，我在js中有以下函数，当选择单选按钮的值时，该函数应该显示相关内容。但是，它不起作用，无论我做什么，盒子都不会显示 function select_movimento(value) { if(value==1) document.getElementById("linear").style.display="block"; else document.getElementById

因此，我在js中有以下函数，当选择单选按钮的值时，该函数应该显示相关内容。但是，它不起作用，无论我做什么，盒子都不会显示

function select_movimento(value)
    {
        if(value==1)
            document.getElementById("linear").style.display="block";            
        else
            document.getElementById("linear").style.display="none"; 
        if(value==2)
            document.getElementById("circular").style.display="block";
        else
            document.getElementById("linear").style.display="none"; 
        if(value==3)
            document.getElementById("rotacional").style.display="block";
        else
            document.getElementById("linear").style.display="none";
        if(value==4)
            document.getElementById("mudanca_config_mao").style.display="block";
        else
            document.getElementById("linear").style.display="none";     
    }

这些是收音机：

    <input name="tipomov" type="radio" value="1" onclick="select_movimento(this.value);">&nbsp;Linear</input>
    <input name="tipomov" type="radio" value="2" onclick="select_movimento(this.value);">&nbsp;Circular</input>
    <input name="tipomov" type="radio" value="3" onclick="select_movimento(this.value);">&nbsp;Rotacional</input>
    <input name="tipomov" type="radio" value="4" onclick="select_movimento(this.value);">&nbsp;Mudan&ccedil;a de Configura&ccedil;&atilde;o de M&atilde;o</input>

以下是应显示的内容：

<tr id="linear" height="30%" style="display:none;">
        <td>linear</td>
    </tr>
    <tr id="circular" height="30%" style="display:none;">
        <td>circular</td>
    </tr>
    <tr id="rotacional" height="30%" style="display:none;">
        <td>rotacional</td>
    </tr>
    <tr id="mudanca_config_mao" height="30%" style="display:none;">
        <td>mudanca de configuarcao</td>
    </tr>

这可能是一个简单的错误，但我是一个初学者，所以欢迎任何帮助。非常感谢

我唯一能发现的错误是，您没有用table标记包围行标记。我在一个小时内就成功了

if和else语句的逻辑有问题。所有else语句都将关闭线性文本，而不是关闭与IF测试中的值对应的文本。我想你的意思是：

    if(value==1)
        document.getElementById("linear").style.display="block";
    else
        document.getElementById("linear").style.display="none";
    if(value==2)
        document.getElementById("circular").style.display="block";
    else
        document.getElementById("circular").style.display = "none";
    if(value==3)
        document.getElementById("rotacional").style.display="block";
    else
        document.getElementById("rotacional").style.display = "none";
    if(value==4)
        document.getElementById("mudanca_config_mao").style.display="block";
    else
        document.getElementById("mudanca_config_mao").style.display = "none";

简洁明了的方式：

和之间的一种关系，紧接着就是这种关系。您可以将输入标记放在一个

HTML输出：

<div id="output"></div>

而不是使用CSS左边距

非常感谢您，很抱歉回复太晚！事实上，问题比这简单得多，我在文档开始时调用了另一个文件，其中再次包含了相同的函数，这让我很傻，对吧？“但你的解决方案是最好的，我非常喜欢你的方式，它帮助我看到了问题，谢谢！始终考虑一个简单、简短、干净的解决方案。如果事情变得混乱，请删除所有内容并重新开始：不客气！

<form>
    <input id="r1" onclick="f(this.id)" type="radio" />
    <label>text</label>
    <input type="radio" ... />
    <label>text</label>
</form>

var element = document.getElementById("r1");
var text = element.nextElementSibling.innerHTML; // label text

<div id="output"></div>

var output = document.getElementById("output");
output.innerHTML = text; // label text

[html]相关文章推荐

随机文章推荐