2

Jqueryui のボタンセットでスタイル設定した jquery ラジオボタンがあります。

<link type="text/css" href="jqueryUI1.8.16/css/smoothness/jquery-ui-1.8.16.custom.css" 
rel="stylesheet"/>  
<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="jqueryUI1.8.16/js/jquery-ui-1.8.16.custom.min.js">
</script>

<script type="text/javascript">

$(document).ready(function(){

    $("#atable tr").buttonset();


});

</script>
</head>

<body>
<table id="atable" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td class="aspmnr">1</td>
    <td class="aspm">Test text</td>
    <td class="aradio">
      <input id="asp11" name="asp1" type="radio" value=0>
      <label for="asp11">0</label></td>
    <td class="aradio">
      <input id="asp12" name="asp1" type="radio" value=1>
      <label for="asp12">1</label></td>
    <td class="aradio">
      <input id="asp13" name="asp1" type="radio" value=2>
      <label for="asp13">2</label></td>
    <td class="aradio">
      <input id="asp14" name="asp1" type="radio" value=3>
      <label for="asp14">3</label></td>    
  </tr>
</table>

次のようなボタンのいずれかの背景色を変更できるようにしたい:

$("#asp11").css("background-color","#aaaaa5");

また、css をラベルに適用しようとしましたが、背景色が一瞬でデフォルトに戻ります。jqueryui の元のスタイルシートをいじるのは避けたいと思います。

ボタンの背景色を変更する方法を知っている人はいますか?

4

2 に答える 2

3

これを試して。

$(".aradio label").css("背景色","#aaaaa5");
$(".aradio label").css("background-image","none");

また

$(".aradio label:first").css("背景色","黄色");
$(".aradio label:first").css("background-image","none");

また

$(".aradio label").eq(1).css("背景色","赤");
$(".aradio label").eq(1).css("background-image","none");
于 2012-04-22T17:10:26.333 に答える
0

ラベルの背景画像を削除し、ラベルのすべての css コードを実行する必要があります (例: 0)。

$("#lblforasp11").css("background-color", "#aaaaa5");
$("#lblforasp11").css("background-image", "none");
于 2012-04-22T16:49:06.150 に答える