Javascript 如何使用图像或文本更改单选按钮以及如何使用onclick_Javascript_Jquery_Html_Ajax_Css

Javascript 如何使用图像或文本更改单选按钮以及如何使用onclick

javascript jquery html ajax css

Javascript 如何使用图像或文本更改单选按钮以及如何使用onclick,javascript,jquery,html,ajax,css,Javascript,Jquery,Html,Ajax,Css,我只想使用单选按钮进行+和-投票。我已经用下面的代码运行了它 <html> <head> <script> function getVote(int) { if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else { // code for IE6, IE5

我只想使用单选按钮进行+和-投票。我已经用下面的代码运行了它

<html>
<head>
<script>
function getVote(int) {
  if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  } else {  // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
      document.getElementById("poll").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","poll_vote.php?vote="+int,true);
  xmlhttp.send();
}
</script>

</head>
<body>

<div id="poll">
<h3>Do you like PHP and AJAX so far?</h3>
<form>
<input type="radio" name="vote" value="0" onclick="getVote(this.value)">
<label>+<label>
<br>
<input type="radio" name="vote" value="1" onclick="getVote(this.value)">
<label>-<label>
</form>
</div>

</body>
</html>


函数getVote（int）{
if（window.XMLHttpRequest）{
//IE7+、Firefox、Chrome、Opera、Safari的代码
xmlhttp=新的XMLHttpRequest（）；
}else{//IE6、IE5的代码
xmlhttp=新的ActiveXObject（“Microsoft.xmlhttp”）；
}
xmlhttp.onreadystatechange=函数（）{
if（xmlhttp.readyState==4&&xmlhttp.status==200）{
document.getElementById（“poll”）.innerHTML=xmlhttp.responseText；
}
}
open（“GET”、“poll_vote.php？vote=“+int，true”）；
xmlhttp.send（）；
}
到目前为止，您喜欢PHP和AJAX吗？
+


-

但问题是如何用图像或文本（如+和-）替换收音机。请看google中的几种方法，我可以用图像或文本更改单选按钮的样式，但最终只能单击收音机中存在的按钮，这样它就不起作用了

有人能帮我吗

谢谢


+


-

使用CSS设置标签样式。将其与属性的

链接。如果需要图像，请在标签中添加图像或使用bg图像

输入[类型=收音机]{
显示：无
}
输入[类型=收音机]+标签{
颜色：#CCC；
字体大小：粗体；
显示：内联块；
宽度：20px；
高度：20px；
边框：1px纯黑；
文本对齐：居中；
}
输入[类型=收音机]：选中+标签{
颜色：#0F0；
}

+


-
通过使用onclick
并将1传递给“加号”，将-1传递给“减号”，可以使用图像简化

函数getVote（投票）{
如果（投票=1）{
警惕（“你投了赞成票”）；
}
否则{
警惕（“你投了反对票”）；
}
}
img{
宽度：50px；
}

到目前为止，您喜欢PHP和AJAX吗？
您可以使用按钮或图像代替收音机。我觉得这样更好。请看下面的代码：谢谢，但我需要隐藏圆圈，并用图像/文字进行更改。@RiskiFebriansyah，没问题。如果你需要进一步的帮助，请告诉我