点击图像时的选择框选项

Question

我有一个插件，可以为产品提供额外的选择(woocommerce)。

1. 我创建了选择框，没有几个选项，比如:黑、白、灰
2. ，然后创建带有图像的单选按钮:黑、白、灰

。

我如何‘连接它’，所以如果有人点击‘黑’，它也选择‘黑色’选项在选择框。

链接它的外观：

https://dobrzekupuj.pl/product/woo-album-1/

https://dobrzekupuj.pl/product/woo-album-2/

Answer 1

就像这样。您的值不容易解析。

$("[name=tmcp_radio_1]").on("click",function() {
  var val = this.value
  if (val) $("#tmcp_select_1").val(val.split("_")[0]+"ey_1")
})

$("#tmcp_select_1").on("change",function() {
  var val = this.value
  if (val) $("[name=tmcp_radio_1][value="+val.split("y_")[0]+"_1]").click()
})