javascript - 使用文本框值更改按钮单击时的 CSS

Question

我正在尝试使用用户文本框答案中的值来更改图像的 CSS。我希望图像边框宽度在单击按钮时发生变化。这是我目前所拥有的。

$('#submit').click(function () {
        var bv = $('#border').val();
        $('#pic').css('border-width', bv);
        });

• #submit 是按钮 id，#border 是文本框 id，#pic 是图片 id。感谢所有建议。

Answer 1

试试这个

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
    $(function(){
        $('#submit').click(function () {
            var bv = $('#border').val();
            $('#pic').css('border-style', 'solid');//You should use this line of code to get your requirement
            $('#pic').css('border-width', bv);
        });
    });
</script>

<input type="text" id="border">
<input type="button" id="submit" value="submit">
<img src="http://wallruru.com/wp-content/uploads/2014/08/White-Background-56.jpg" id="pic"/>