最近、私は小さな問題に遭遇しました。単一選択ラジオを使用すると、1つを選択すると、1つを選択できなくなることがわかります。つまり、選択した後にキャンセル関数がないことがわかります。現時点では、強力なチェックボックスを考えていますが、複数の選択肢です。どうすれば1つの選択肢にすることができますか?効果はラジオと同じです。このルーキーは自分で小さなプログラムを書きました。コードは非常にシンプルで、4行しかありません。
それ以上のADOなしで、直接コード:
コードコピーは次のとおりです。
<!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" />
<Script src = "js/jquery-1.8.3.min.js" type = "text/javascript"言語= "javascript"> </script>
<title> un unt ittitled document </title>
<script type = "text/javascript">
$(function(){
$( ":チェックボックス")。クリック(function(){
if($(this).attr( "checked")!=未定義)
{
$(this).siblings()。attr( "checked"、false);
$(this).attr( "checked"、true);
}
});
});
</script>
<style>
span、input {float:left;}
input {width:14px;高さ:14px;}
span {margin-right:20px;}
</style>
</head>
<body>
<div>
<入力型= "チェックボックス" /> <span> 1 < /span>
<入力型= "チェックボックス" /> <span> 2 < /span>
<入力型= "チェックボックス" /> <span> 3 < /span>
<入力型= "チェックボックス" /> <span> 4 < /span>
<入力型= "チェックボックス" /> <span> 5 < /span>
<入力型= "チェックボックス" /> <span> 6 < /span>
<入力型= "テキスト" /> <span> 7 < /span>
</div>
</body>
</html>