PHP 输入框获取单选框的值

PHP单选框值同步示例

最新推荐文章于 2021-04-10 04:49:28 发布

最新推荐文章于 2021-04-10 04:49:28 发布 · 1.7k 阅读

文章标签：

#php #数据库

境-PHP 专栏收录该内容

101 篇文章

订阅专栏

本文介绍了一个使用PHP和jQuery实现的示例，展示了如何将单选按钮的值实时同步到文本输入框中。该示例通过PHP生成动态内容，并利用jQuery处理用户交互，实现了单选按钮选项改变时文本框内容的自动更新。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>PHP 输入框获取单选框的值</title>
<script src="jquery-1.10.1.min.js"></script>
</head>
<body>
<table>
<?php $cont ='ccc'?>
<tr>
	<td>显示内容</td>
	<td><input type="text" id="cont" value="<?php echo $cont; ?>"></td>
</tr>
<tr>
	<td>单选框</td>
	<td>
		<?php 
			$arr = array('aaa','bbb','ccc','ddd');
			$setChecked = '';
			for($i=0;$i<count($arr);$i++){
				$arr[$i]==$cont?$setChecked='checked="checked"':$setChecked='';
				echo '<input type="radio" value="'.$arr[$i].'" name="setCont" class="setCont" '.$setChecked.'>'.$arr[$i].'　';
			}
		?>
	</td>
</tr>
</table>
<script>
$(function(){
	$(".setCont").click(function(){
    	var val=$('input:radio[name="setCont"]:checked').val();
    	$("#cont").val(val);    	
	});
});
</script>
</body>
</html>

效果图：