checkboxは1つしか選択できません.divの下でcheckboxの遍歴
8466 ワード
htmlは2つの選択ボックスradio(単一選択で1つ必須)、checkbox(複数選択で選択しなくてもよい)を提供していますが、1つしか選択できない場合と選択しなくてもよい場合の機能を実現したい場合は、両方の機能が使いにくいことに気づきます.これは後で自分でコード制御を書く必要があります.二つの案があると思います.
1ラジオボックスradioを選択解除
2マルチ選択ボックスcheckboxインプリメンテーションは1つしか選択できません
3 divの下のcheckboxを巡って選択した数を表示
1ラジオボックスradioを選択解除
<input type="radio" name="aa" onclick="if(this.c==1){this.c=0;this.checked=0}else this.c=1" c="0">
jquery
<input type="radio" name="aa" onclick="chk();">
<script language=javascript>
function chk()
{
document.all.aa.checked=false;
}
script>
2マルチ選択ボックスcheckboxインプリメンテーションは1つしか選択できません
<div class="use_redpackets_content" id="oneCheck">
<ul class="use_redpackets_nav">
<li>
<input type="checkbox" name="oneBox" value=""/>
li>
<li>
<input type="checkbox" name="oneBox" value=""/>
li>
<li>
<input type="checkbox" name="oneBox" value=""/>
li>
ul>
div>
<script type="text/javascript">
$(function () {
var fanxiBox = $("#oneCheck input:checkbox");
fanxiBox.click(function () {
if(this.checked || this.checked=='checked'){
fanxiBox.removeAttr("checked");
// jquery1.6 prop()
//$(this).attr("checked",true);
$(this).prop("checked", true);
}
});
});
script>
3 divの下のcheckboxを巡って選択した数を表示
<div class="use_redpackets_content" id="oneCheck">
<ul class="use_redpackets_nav">
<li>
<input type="checkbox" name="oneBox" value=""/>
li>
<li>
<input type="checkbox" name="oneBox" value=""/>
li>
<li>
<input type="checkbox" name="oneBox" value=""/>
li>
ul>
div>
<script type="text/javascript">
function checkedValue(){
var num=0;
var fanxiBox=$("#oneCheck input:checkbox");
fanxiBox.each(function(){
if ($(this).is(':checked')) {
alert($(this).val());
num++;
}
alert(num);
});
}
script>