Javascript check box selection/All-selected special effects

Running Effect
<Style type = "text/css"> @ charset "UTF-8 ";. content form {margin: 0;} table {border: 1px solid # CCC; background: # E4E4E4;} td {border-top: 1px solid # CCC; background: # FFF; font-size: 12px;} th, td ,. quantity {text-align: center; font-family: Arial, Helvetica, sans-serif ;}. price {width: 11%; text-align: right ;}. whl {color: #090; cursor: help }. stotal {text-align: right; width: 15% ;}. quantity {border: none; width: 66px; height: 16px;} # productrow {width: 49%} # totalRow th {text-align: right;} # quantityrow {width: 13% ;}# functions {border-top: 1px solid #999; padding-top: 10px }# functions p {margin-top: 10px }# functions span {color: # 00F; margin: 0 2px; cursor: pointer} # functions input {border: 1px solid #666; border-top: 1px solid # FFF; border-left: 1px solid # FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 20px; margin: 0 2px ;}. chk * {background-color: # eeeeee;} </style>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]