绗笁鏂规彃浠讹細iCheck 鈥斺€� 缇庡寲澶嶉€夋銆佸崟閫夋

鏈妭涓昏浠嬬粛琛ㄧ編鍖栧閫夋銆佸崟閫夋鎻掍欢 - iCheck锛屾彃浠跺湴鍧€锛�http://www.bootcss.com/p/icheck/銆�

鍒濆鍖�

• Data灞炴€э細checkbox鎴杛adio娣诲姞灞炴€�data-toggle="icheck"鍚庡嵆鍙Е鍙戯紝灞炴€�data-label鍙互璁剧疆鏄剧ず鏍囩锛屽鏋滄湁ID锛屽垯鐐瑰嚮鏍囩鍙嬀閫夈€�
  
  DOM绀轰緥锛�銆€
  

  绀轰緥浠ｇ爜锛�

                          <input type="checkbox" name="doc-check1" id="doc-check1" data-toggle="icheck" data-label="鎴戞槸涓€涓閫夋">
                          <input type="radio" name="doc-radio1" id="doc-radio1" data-toggle="icheck" data-label="鍗曢€�1">
                          <input type="radio" name="doc-radio1" id="doc-radio2" data-toggle="icheck" data-label="鍗曢€�2">
                      

• jQuery API锛�http://www.bootcss.com/p/icheck/

鐘舵€佹敼鍙樹簨浠�

鏇村浜嬩欢鍙婃柟娉曡鎻掍欢瀹樼綉

銆€銆€绀轰緥锛�銆€銆€

绀轰緥浠ｇ爜锛�

                <script type="text/javascript">
                    $('input[name="doc-check-t"]').on('ifChanged', function(e) {
                        var checked = $(this).is(':checked'), val = $(this).val()
                        
                        if (checked)
                            $(this).alertmsg('info', '浣犻€夋嫨浜�'+ val)
                        else
                            $(this).alertmsg('info', '浣犲彇娑堜簡'+ val)
                    })
                </script>
                <input type="checkbox" name="doc-check-t" id="doc-check-t1" value="1000" data-toggle="icheck" data-label="1000">
                <input type="checkbox" name="doc-check-t" id="doc-check-t2" value="2000" data-toggle="icheck" data-label="2000">
                <input type="checkbox" name="doc-check-t" id="doc-check-t3" value="3000" data-toggle="icheck" data-label="3000">
                <input type="checkbox" name="doc-check-t" id="doc-check-t4" value="4000" data-toggle="icheck" data-label="4000">
                <input type="checkbox" name="doc-check-t" id="doc-check-t5" value="5000" data-toggle="icheck" data-label="5000">