我已经尝试了以下所有方法来更新我按钮的 css - 此按钮的 ID 是动态生成的,如下面的 html 所示。 html 中可以有多个按钮,每个按钮都有一个动态 id,我想使用它根据它的 id 更改特定按钮的 css
JS:
1. $('[name="radio-button-group"]').val(mapKeyStore.getValue(key)).css('background-color', 'yellowgreen');
2. $('#'+key).css({'background-color': 'yellowgreen !important', 'color': 'yellowgreen !important'});
3. $('[name = "radio-button-group"]').val(mapKeyStore.getValue(key)).css({'background-color': 'yellowgreen !important', 'color': 'yellowgreen !important'});
4. $('input[name^="radio-button-group"]').val(mapKeyStore.getValue(key)).css('background-color', 'yellowgreen');
HTML:
<div class="quality button-selector" ng-repeat="item in main.list track by $index">
<label class="btn btn-primary btn-prev btn-lg btn-block navigation-button-wrapper" for="{{item}}">
<input type="radio" name="radio-button-group" id="{{item}}" autocomplete="off" value="{{item}}" ng-click="main.save(item);main.nextI(null)"> {{item}}
</label>
<br><br>
</div>
调用我的按钮颜色变化的点击发生在不同的按钮上。 这些似乎都不起作用,颜色没有改变。 有什么意见吗?
最佳答案
尝试使用以下代码:
$(document).ready(function(){
$('input[name^="radio-button-group"]').css('background-color', 'yellowgreen');
});
在编写此代码之前,您必须包含 jquery。
关于javascript - 使用动态 id 更新按钮的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39850977/