Question

我有三个单选按钮。每个都有一个值（1,2或3）。在单选按钮下，我需要一个与当前所选单选按钮的值匹配的数字。这必须实时更新。

目前我有这样的事情：

<input type="radio" Id="case" value="1" checked>
<input type="radio" Id="case" value="2">
<input type="radio" Id="case" value="3">

<script>
document.write(document.getElementById("case").value);
</script>

加载页面时，javascript运行一次，然后打印＆＃34; 1＆＃34;。我想在选择另一个单选按钮时更改此号码，但我不知道该怎么做。我灵活的解决方案，不一定是在javascript ...任何建议将不胜感激。我使用的是Rails。

Answer 1

这是通过使用addEventListener完成的。请考虑以下代码::

function changeValue(event) {
    if ( event.target.getAttribute('type') == 'radio' ) {
        document.getElementById('newValue').innerHTML = event.target.value;
    }
}

document.getElementById('buttons').addEventListener( 'click', changeValue, false );

<div id='buttons'>
    <input type="radio" name="case" value="1" checked>
    <input type="radio" name="case" value="2">
    <input type="radio" name="case" value="3">
</div>
<span id='newValue'>1</span>

这可以帮助您开始编写所需的代码。

请记住，为所有输入提供相同的名称，而不是相同的ID。相同的名称可以同时检查多个输入。将相同的ID设置为多个元素不是标准，可能会让您感到困惑。

Answer 2

也是可能的方法之一：

<input type="radio" name="case" value="1" checked />Value 1<br />
<input type="radio" name="case" value="2" />Value 2<br />
<input type="radio" name="case" value="3" />Value 3<br />
<div id="radioValue">Selected value is: <span>1</span></div>


<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>

$(document).ready(function() {

    $('input[name='case']').click(function() {
        $("div#radioValue span").text($(this).val());
    });

});

</script>

Answer 3

尝试使用给定的代码。可能是你需要的东西。

shift= (int("af5f3fee",16)<<1)
print hex(shift)

如何在需要时更新的网页上添加变量？

3 个答案: