我有超过 2 个单选按钮，并且希望在选中单选按钮时填充“showtype_cost”的值。并在检查另一个值时更改值
<body>
<input name="showtype" type="radio" id="basic" value="basic" />Basic Slideshow<br />
<input name="showtype" type="radio" id="lovestory" value="lovestory" /> Love Story <br />
<input name="showtype_cost" type="text" id="text" value="">
<p></p>
</body>
您可以使用此方法，它可能会对您有所帮助。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#basic").click(function(){
$("#text").attr("value","150");
});
});
$(document).ready(function(){
$("#lovestory").click(function(){
$("#text").attr("value","500");
});
});
</script>
</head>
<body>
<input name="showtype" type="radio" id="basic" value="basic" />Basic Slideshow<br />
<input name="showtype" type="radio" id="lovestory" value="lovestory" /> Love Story <br />
<input name="showtype_cost" type="text" id="text" value="100">
<p></p>
</body>
</html>
$('input:radio[name="showtype"]').change(function(){
$('input:text[name="showtype_cost"]').val($('input:radio[name="showtype"]:checked').val());
});
$(document).ready(function(){
$('*[name=showtype]').click(function(){
$("#text").val($(this).val());
});
});
});