[PHP知识库] javascript简单的添加问题和答案多选题以及用php写的方法

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> PHP知识库 -> javascript简单的添加问题和答案多选题以及用php写的方法 -> 正文阅读

[PHP知识库]javascript简单的添加问题和答案多选题以及用php写的方法

<html>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<head>
<title></title>
</head>
<body>
<form name="form1" method="post" action="">
添加问题：<br><input type="text" name="question" /><br>
添加答案选项：<br><textarea name="content" cols="30" rows="5"></textarea>
<br/>
<span style="color:red;font-size:10px">答案之间请用*区隔</span>
<br>
<input type="button" name="submit" value="提交"/>
</form>

<?php
/*
if(@$_POST['submit']!=''){
	$question=$_POST['question'];
	$content=$_POST['content'];
	$data=explode("*",$content);
	echo "<div class='question'>问题：$question <br/>";
	while(list($name,$value)=each($data)){
		echo '<input type="checkbox" name="checkbox" value="'.$name.'">';
		echo $value."\n\t";
	}
	echo "</div>";
}
*/
?>

<script language="javascript">

var forms=document.forms[0];

var input=forms.elements['question'];
var content=forms.elements['content'];

var button=forms.elements['submit'];
var div=document.createElement("div");


button.onclick=function(){
		this.disabled=true;
	var inputvalue=input.value;
	var contentvalue=content.value;
	if(inputvalue != '' && contentvalue != ''){
		var title=document.createElement('h4');
		title.innerHTML="问题:"+inputvalue;
		div.appendChild(title);
		var re=contentvalue.split("*");
		for(var i in re){
			var checkbox=document.createElement('input');
			checkbox.type="checkbox";
			checkbox.name="checkbox";
			checkbox.value=i;
			var span=document.createElement('span');
				span.innerHTML=re[i];
			div.appendChild(checkbox);
			div.appendChild(span);
		}
		
		document.body.appendChild(div);
	}
	
	
}


</script>
</body>
</html>