Javascript 使用输入文本更改按钮的边框半径
我有一些问题,我不知道为什么。 我尝试用输入文本更改按钮的边框半径,但当我单击提交按钮时,它不起作用。 我有这个:Javascript 使用输入文本更改按钮的边框半径,javascript,jquery,button,text,input,Javascript,Jquery,Button,Text,Input,我有一些问题,我不知道为什么。 我尝试用输入文本更改按钮的边框半径,但当我单击提交按钮时,它不起作用。 我有这个: $(文档).ready(函数(){ $(“#submitOrderRadius”)。单击(函数(){ var x=$(“#borderradiusSelect”).val(); $(“#测试按钮”).css(“边界半径”,x) }); }); 测试 边界半径: 提交 单击“提交”按钮时,页面将被重新加载,因此您永远没有机会看到应用于“测试”按钮的边框半径值 您可以使用jQuery
$(文档).ready(函数(){
$(“#submitOrderRadius”)。单击(函数(){
var x=$(“#borderradiusSelect”).val();
$(“#测试按钮”).css(“边界半径”,x)
});
});代码>
测试
边界半径:
提交
单击“提交”按钮时,页面将被重新加载,因此您永远没有机会看到应用于“测试”按钮的边框半径值
您可以使用jQuery的preventDefault()
方法停止在单击时重新加载页面
我已更新了您的代码,以显示此操作:
$(文档).ready(函数(){
$(“#SubmitOrderRadius”)。单击(函数(e){
e、 预防默认值();
var x=$(“#borderradiusSelect”).val();
$(“#测试按钮”).css(“边界半径”,x)
});
});代码>
试验
边界半径:
提交
没人知道?:(