Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用输入文本更改按钮的边框半径_Javascript_Jquery_Button_Text_Input - Fatal编程技术网

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)
});
});

试验
边界半径:
提交
没人知道?:(