Javascript 使用JQuery从输入数字中获取值并更改css 控制面板 $（文档）.ready（函数（）{ $（'.br left'）。打开（“更改”，函数（）{ $（'#moon photo'）.css（'border-top-left-radius'，$（'.br left'）.val（））； }); });

我试图从输入的数字中获取值，并将边界半径放在左上角，但它不起作用。

还记得单位吗

注意：您不必在

css

函数中再次选择

输入

元素，而是使用

此

关键字

$（文档）.ready（函数（）{
$（'.br left'）。打开（“更改”，函数（）{
$（'#moon photo'）.css（'border-top-left-radius'，$（this.val（）+'px'）；
});
});

控制面板
ohhhh。非常感谢你！
<img src="purplemoon.png" alt="Purple moon" id="moon-photo" />   
<table>
  <tr>
    <th colspan="4">Control panel</th>
  </tr>
  <tr>
    <td>
      <!-- trying to take value from that input -->
      <input type="number" min="0" max="50" class="br-left" />
    </td>
  </tr>
</table>

<script>
    $(document).ready(function(){   
        $('.br-left').on("change",function(){
        $('#moon-photo').css('border-top-left-radius',$('.br-left').val());
    });
});
</script>