Juerry 實現讓複選框實現單選

今天做項目是遇到一個問題想實現複選框中單選,但有不想直接使用input的radio,其一難看,其二點了無法返回

所以這樣實現了:

<!DOCTYPE html>

<html>

<head>

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

<title>我愛學習</title>

<jsp:include page="../inc.jsp"></jsp:include>

<script>

$(function(){

     $('#test').children('input[type=checkbox]').click(function(){

        if($(this).is(':checked')){

            $(this).attr('checked',true).siblings().attr('checked',false);

            alert($(this).val());

        }else{

            $(this).attr('checked',false).siblings().attr('checked',false);

    }

  });

});

</script>

</head>

<body>

<div id="test">

    <input type="checkbox"  value="php" />php

    <input type="checkbox"  value="html/css" />html/css

    <input type="checkbox"  value="jquery" />jquery

    <input type="checkbox"  value="javascript" />javascript

    <input type="checkbox"  value="mysql" />mysql

</div>

</body>

</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章