jQuery和Radio Buttons

Question

我有一个充满单选按钮的表。每个都有一个名称和ID，对应于数字1 - 24.我想使用jQuery在页面的其他地方动态显示该数字。

例如，如果我点击第7个单选按钮，我想让数字7出现在页面顶部。

Answer 1

听起来像你想要的东西：

$(':radio').click(function(){
  var index = $(this).index(':radio') + 1;
  $('#elementAtTopOfPage').html(index);
});

或

$(':radio').click(function(){
  var id = $(this).attr('id');
  $('#elementAtTopOfPage').html(id);
});

Answer 2

$('input:radio').click(function() {
    $('#top').text( this.id );
});

注意：ID不应以数字开头......考虑在字母或单词之前添加前缀。

Answer 3

您可以在http://jsfiddle.net/jKNr9/

使用我的示例

HTML：

<input type="radio" name="group1" id="1" />
<input type="radio" name="group1" id="2" />
<input type="radio" name="group1" id="3" />

<br />
<span id="result"></span>

JS：

$(document).ready(function() {
    $("input[name=group1]").change(function() {
        $('#result').html($(this).attr('id'));
   });
});

Answer 4

以下代码应该完全正常运行，只需确保从本地副本而不是谷歌中包含jquery库。并添加“showNumber”div，显示要显示的数字。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

祝你好运！