一次web网页设计实践——checkbox单选、复选功能的实现

由于工作内容原因近期做了一个网页，记录下。

需求：

写一个如下的页面，包括checkbox单选，checkbox多选，slect，text等控件

内容：

 一、checkbox （Wlan 开关）

要求：启用选中时，显示其他内容；否则隐藏其他内容

 				
	开启							

showBlock()目的就是显示和隐藏其他内容。

实现方法：

1，先要在html框架中将‘启用’和其他内容分开成两个div：在第一个div的checkbox上使用οnchange="showBlock()"，来隐藏或者显示第二个div

 				
	开启							

2，根据”启用“结果将第二个div进行隐藏或者显示

二、text （触发时间点）

三、checkbox （设置周期）

要求：实现复选功能

3.1基本显示

    设置周期
	
		星期一
		星期二
		星期三
		星期四
		星期五
		星期六
		星期日
	

3.2选中并提交（点击另外的确定）

//截取了一部分代码
//该函数是点击提交时触发
function wlan_timer_post() 
{
    //定义一个数组，复选checkbox一般都是数组
	$weekday="";
    //wlan_timer_week 是id
	$arr_timer_week=$_POST ['wlan_timer_week'];
	$size=count($arr_timer_week);

	for( $i=0;$i<$size;$i++ ){
		$weekday.=$arr_timer_week[$i];
		if($i!=$size-1){
			$weekday.=",";	
		}
	}
    //最终会将选中的星期写成 1，3，6的形式。表示选中了周一、周三、周六
}

3.3显示（提交后的回显）