Question

当选择单选按钮1时打印你好1，当选择单选按钮2时打印你好2.我该怎么做？

<form name="form" id="form">
First Class<input name="seat_class" id="a1" type="radio" value="First Class">
        Second Class        <input name="seat_class" type="radio" value="Standard Class"
        </form>

Answer 1

首先，您需要在html中进行一些更改：

<form name="form" id="form">
    First Class
    <input name="seat_class" id="a1" type="radio" value="First Class" />

    Second Class
    <input name="seat_class" type="radio" value="Standard Class" id="a2" />
    <!-- Adding id="a2" -->
</form>

并使用jQuery添加一个事件：

$(function () {
    $('#form>input[type=radio]').change(function () {
        switch ($(this).attr('id')) {
            case 'a1':
                alert ('Hello 1');
                break;
            case 'a2':
                alert ('Hello 2');
                break;
        }
    });
});

结果如下： http://jsfiddle.net/GPwXs/1/

Answer 2

试试这个：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function () {
    $("#radio1, #radio2").change(function(event) {
        if($(this).is(':checked')) {
            alert($(this).data("text"));
        }
    });
});

</script>
<input type="radio" id="radio1" name="test" data-text="hello 1">
<input type="radio" id="radio2" name="test" data-text="hello 2">

Answer 3

我不太确定你是否要检查单选按钮是否按下了？或者你想在用户打开其中一个收音机时执行一个动作，无论如何：

您可以通过仅返回“已选择”按钮来检查是否选择了广播：

first  = $('#a1:selected');
second = $('#a2:selected');

选择收音机时执行操作：

$('#a1').change(function() {
  alert('foo');
});

$('#a2').change(function() {
  alert('bar');
});

Answer 4

@ user760946。我认为这就是你要找的...... jsfiddle.net

在jQuery中查找激活时的单选按钮

4 个答案: