Question

我想弄清楚（在经过大量搜索之后）如何在选择内部的单选按钮后使div更改颜色。场景是我想要两个并排的div，基本上说＆＃34;选择这个计划＆＃34;在div之下将是一个继续注册按钮。因此，当有人点击其中一个div中的单选按钮（选择成员资格计划）时，它将更改该div的样式以具有新的背景颜色和文本颜色。我无法弄清楚如何使这项工作。

任何建议都将不胜感激！

Answer 1

$( 'input[type=radio]' ).on( 'click', function(){

    var value = $(this).val();

    // now based on value, we do different things to our div...
    // example:
    switch ( value ){
        case 1:
            myDiv.css( 'background-color', 'red' );
            break;
        // next case, and so on....
    }

} );

Answer 2

尝试以下代码

$array1 = array(34=>"key1",54=>"key3",12=>"key2");
$array2 = array(44=>"key4",12=>"key2",1=>"key1");


// fliping arrays

$a1r = array_flip($array1);
$a2r = array_flip($array2);

var_dump($a1r);
var_dump($a2r);


// adding the 2 arrays, final result in $a1r

foreach ($a2r as $key => $value) {
    if (!isset($a1r[$key])) {
        $a1r[$key] = 0;
    }

    $a1r[$key] += $value;
}

var_dump($a1r);

$('.divSpecific input').click(function(){
   
    if($(this).attr("alt") == "1")
            $('div.signUp').css("background","red")
            .css("color","black");
    else
        $('div.signUp').css("background","cyan")
          .css("color","white");
   
  });

div.divSpecific {
    height: 20px;
    width: 200px;
    float:left;
 }
.signUp{
   border:solid 1px;
    height:20px;
    width:100px;
   text-align:center;
}

选择内部单选按钮时将颜色更改为div

2 个答案: