0

チェックボックスを使って「グループ」などを作成する必要があります。チェックボックスをクリックしたいのですが、そのとき利用できるチェックボックスだけがアクティブになっています。車の構成のように。電気ミラーを購入した場合、手動のものを選択することはできません。私の場合、私は製品1A1B1Cと2A2B2Cを持っていますが、製品1を選択した場合、製品1A、1B、1Cしか選択できません。

<input type="checkbox" value="">1A</label>
<input type="checkbox" value="">1B</label>
<input type="checkbox" value="">1C</label>
<input type="checkbox" value="">2A</label>
<input type="checkbox" value="">2B</label>
<input type="checkbox" value="">2C</label>
4

4 に答える 4

2

HTML

<input type="checkbox" class='product' value=""/>1A
<input type="checkbox" class='product' value=""/>1B
<input type="checkbox" class='product' value=""/>1C
<input type="checkbox" class='product' value=""/>2A
<input type="checkbox" class='product' value=""/>2B
<input type="checkbox"class='product'  value=""/>2C

jQuery

$(function(){
 var $product = $('input.product');
$product.click(function() {
    $product.filter(':checked').not(this).removeAttr('checked');
});

})

フィドル

OPからのコメントの後に追加

これは、 1A を選択した場合、1B と 1C もクリックできますが、2A、2B、2C はクリックできないというコメントの後のコードです*

HTML

<input type="checkbox" class='one' value=""/>1A
<input type="checkbox" class='one' value=""/>1B
<input type="checkbox" class='one' value=""/>1C<br/>
<input type="checkbox" class='two' value=""/>2A
<input type="checkbox" class='two' value=""/>2B
<input type="checkbox" class='two'  value=""/>2C

jQuery

$(function(){
 var $one= $('input.one');
$one.click(function() {
    $one.filter(':checked').not(this).removeAttr('checked');
    if($one.filter(':checked').length>0) {
       $two.attr("disabled","disabled");
    }
    else {
        $two.removeAttr("disabled");
    }
});

var $two= $('input.two');
$two.click(function() {
    $two.filter(':checked').not(this).removeAttr('checked');
    if($two.filter(':checked').length>0) {
       $one.attr("disabled","disabled");
    }
    else {
        $one.removeAttr("disabled");
    }
});

});

フィドル

于 2012-09-14T13:09:59.377 に答える
0

html

<input type="checkbox" class='group1' value=""/>1A

<input type="checkbox" class='group1' value=""/>1B

<input type="checkbox" class='group1' value=""/>1C

<input type="checkbox" class='group2' value=""/>2A

<input type="checkbox" class='group2' value=""/>2B

<input type="checkbox" class='group2'  value=""/>2C

<br/>

jquery

<br />
    <script>
    $(function(){
      var $product=$('input:checkbox');
      $product.click(function() {
        $product.attr('checked',false);
        var classname=$(this).attr('class');
        $('.'+classname).attr('checked','checked');
      });    
    });
    </script>
于 2012-09-14T13:44:44.343 に答える
0

むしろラジオボタンのタイプを見たいと思うかもしれません

于 2012-09-14T13:06:14.853 に答える
0

チェックボックスを使用している場合は、PHP コードでそれらを配列としてアドレス指定し、name属性を与える必要があります (これが PHP の認識方法です)。

<input type="checkbox" name ="checkbox1" value="">1A</label>

PHP コードで:

$checkArray=$_REQUEST['checkbox1'];
foreach($checkArray as $val)
{
    echo $val;// Value is echo'ed.
}
于 2012-09-14T13:06:31.313 に答える