Jquery 提交时旋转结果文本

我试图做一个公式，用户选择如何在提交时旋转结果。 我想要的是，提交时，所选值应旋转90度或45度，具体取决于所选选项

$(document).ready(function(){
  $("#btnsubmit").click(function(){
    var text = $("#sel1 option:selected").text();
    $("#result").text(text);
  });
  $("input[type='radio']").change(function(){
    if($(this).val() == 90){
      $(this).val().css("transform","rotate(90deg)");
    }
  });
});

---

要将转换应用于

#结果

。我还将使其

内联块

，以便在适当的位置旋转。还向您的输入添加了

表单

标记，并禁用了

提交

事件

$（文档）.ready（函数（）{
$result=$（“#result”）；
$（“#btnsupmit”）。单击（函数（）{
var text=$（“#sel1选项：选中”）.text（）；
$result.text（text）；
});
$（“输入[type='radio']”）。更改（函数（）{
if（$（this）.val（）==90）{
$result.css（“变换”、“旋转（90度）”）；
}否则{
$result.css（“变换”、“旋转（45度）”）；
}
});
});
#结果{
显示：内联块；
}

90度
45度
90
45


提交
也许是一个适用于所有浏览器的更好的解决方案。
旋转是通过添加和删除类来完成的


$（文档）.ready（函数（）{
$（“#btnsupmit”）。单击（函数（）{
var text=$（“#sel1选项：选中”）.text（）；
$（“#结果”）.text（text）；
})
$（“输入[type='radio']”）。更改（函数（）{
if（$（this）.val（）==90）{
$（“#结果”）.addClass（“旋转90”）；
$（“#结果”）.removeClass（“rotated45”）；
}否则{
$（“#结果”）.removeClass（“旋转90”）
$（“#结果”）.addClass（“旋转45”）；
}
});
});
.rotated90{
-webkit变换：旋转（90度）；
-moz变换：旋转（90度）；
-o变换：旋转（90度）；
-ms变换：旋转（90度）；
变换：旋转（90度）；
}
.轮换45{
-webkit变换：旋转（45度）；
-moz变换：旋转（45度）；
-o变换：旋转（45度）；
-ms变换：旋转（45度）；
变换：旋转（45度）；
}
#结果{
位置：绝对位置；
}

90度
45度
90
45


提交
是的，非常感谢@MichaelCoker@lonut不客气。你应该回复我的答案：）而且，一旦你觉得问题解决了，一定要接受解决方案（答案打勾）