A-A+

JavaScript控制Checkbox变灰实例(兼容Firefox,Chrome)

2011年04月18日 Html&JS 暂无评论

废话不多说直接看实例(复制代码到html文件即可看到效果):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<script language="JavaScript">

function radio_check(obj){

       var f = document.forms[0];

       if(f.elements[obj.name][0].checked)

  {document.getElementsByName("no_postage")[0].disabled = true;

  document.getElementById('no_postage_input').checked = false;}

       else document.getElementsByName("no_postage")[0].disabled = false;

}

</script>

<form name="get_code">

<table width="80%" border="1"  cellpadding="0" cellspacing="0">

  <tr>

    <td width="20%">推广广告</td>

    <td width="20%"><label for="normal_promotion"><input name="promotion" type="radio" value="normal_promotion" id="normal_promotion" onclick="radio_check(this);" />普通推广</label></td>

    <td width="15%"><label for="friend_promotion"><input name="promotion" type="radio" value="friend_promotion" id="friend_promotion" onclick="radio_check(this);" checked="checked" />好友推广</label></td>

    <td width="15%"><div id="no_postage"><input id="no_postage_input" name="no_postage" type="checkbox" value="no_postage" checked />免邮费</div></td>

    <td width="15%"><input name="join_promotion" type="button" value="加入推广" /></td>

  </tr>

</table>

</form>

</body>

</html>

标签:

给我留言

Copyright © 破晓Web实验室 保留所有权利.   Theme  Ality 沪ICP备14044094号

用户登录