jQuery和Radio Buttons

时间:2011-01-25 23:50:18

标签: jquery

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

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

4 个答案:

答案 0 :(得分:2)

听起来像你想要的东西:

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

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

答案 1 :(得分:1)

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

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

答案 2 :(得分:1)

您可以在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'));
   });
});

答案 3 :(得分:0)

以下代码应该完全正常运行,只需确保从本地副本而不是谷歌中包含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>
祝你好运!