这段代码出了什么问题？为什么它不显示价值？
<script>
$(document).ready(function()
{
$('#radio_div').change(function(event){
var value = $("input[@name='rdio']:checked").val();
$('#update_text').html('Radio value:' + value);
});
});
</script>
</head>
<body>
<div id="radio_div">
<input type="radio" name="rdio" value="a" />
<input type="radio" name="rdio" value="b" />
<input type="radio" name="rdio" value="c" />
</div>
<div id="update_text">Please push radio button</div>
因为你绑定了radio_div div的change事件.div不会触发更改事件,只有输入元素才能执行此操作.
改为:
<script>
$(document).ready(function()
{
$('#radio_div input').change(function(event){
var value = $("input[@name='rdio']:checked").val();
$('#update_text').html('Radio value:' + value);
});
});
</script>
</head>
<body>
<div id="radio_div">
<input type="radio" name="rdio" value="a" />
<input type="radio" name="rdio" value="b" />
<input type="radio" name="rdio" value="c" />
</div>
<div id="update_text">Please push radio button</div>