单击时，imagemap javascript在输入字段中设置值

如果可能的话，我想做什么：我有一个图像，在webformpost中有两个可点击的按钮区域，用户应该点击区域中的一个或两个按钮，当他们点击提交按钮时，服务器端应该可以读取区域是0还是1！如果可以在单击图像时高亮显示/标记该图像的单击区域1，如果再次单击则对其进行调整0

唯一的想法是使用imagemap和javascript来实现，但欢迎使用其他解决方案

我有一个imagemap 2 two rect，我想让它更改输入字段中的值，第一次它应该是1，然后单击它应该是0，我不知道怎么做。有人能帮我吗

我是否可以在图像应该很好的时候突出显示/标记该部分

<form name="form">
<input type='text' name='test1' value='0' />
<input type='text' name='test2' value='0' />
<img src="plansets.gif" width="145" height="126" usemap="#foo">
<map name='foo'>
  <area shape='rect' coords="0,0,82,126" href='javascript:document.form.test1.value=1;' alt="test"/>
  <area shape='rect' coords="82,0,145,186" href='javascript:document.form.test2.value++;' alt="test2"/>
</map>

 </form>

html

这是你期望做的吗？

---

使用jquery可以得到你想要的效果

你的问题不是很清楚，你到底想要什么。把JS代码放在一个脚本标记中，并使用适当的事件附加方法，如addEventListener。然后在函数中，很容易将当前值转换为布尔值，用！然后再次转换为一个数字，并将结果设置为一个新值。是的，我几乎将其更改为：单击图像时是否可以高亮显示/标记该图像的单击区域1，如果再次单击，是否可以以某种方式对其进行调整0？

<form name="form">
<input type='text' name='test1' value='0' />
<input type='text' name='test2' value='0' />
<img src="plansets.gif" width="145" height="126" usemap="#foo">
<map name='foo'>
  <area shape='rect' coords="0,0,82,126" href='javascript:document.form.test1.value=1;' alt="test"/>
  <area shape='rect' id="test" coords="82,0,145,186" href='#' alt="test2"/>
</map>

 </form>

$("#test").click(function(){
    var $test2 =$("input[name='test2']");
    if($test2.val() == 1){
        $test2.val(0);
    }else{
        $test2.val(1);
    }
});