通过JavaScript更改jqtransform单选按钮类

Question

我正在尝试让我的jqtransform单选按钮通过我已经使用的rowover javascript切换到"checked“。

下面是不带jqtransform的row over效果的脚本：

function selectRowEffect(object, buttonSelect) {
  if (!selected) { 
    if (document.getElementById) {
      selected = document.getElementById('defaultSelected');
    } else {
      selected = document.all['defaultSelected'];
    }
  }

  if (selected) selected.className = 'moduleRow';
  object.className = 'moduleRowSelected';
  selected = object;



// one button is not an array
  if (document.checkout_address.shipping[0]) {
    document.checkout_address.shipping[buttonSelect].checked=true;
  } else {
    document.checkout_address.shipping.checked=true;
  }
}

function rowOverEffect(object) {
  if (object.className == 'moduleRow') object.className = 'moduleRowOver';
}

function rowOutEffect(object) {
  if (object.className == 'moduleRowOver') object.className = 'moduleRow';
}
//--></script>

目前，如果我单击该行，它实际上会选中表单中的单选按钮，但jqtransform不会反映这一点，因此它看起来仍然没有被单击。我试着添加一些东西，比如

jqTransformRadio.addClass("jqTransformChecked"); 

我的JavaScript知识相当有限。任何帮助都是非常感谢的。

Answer 1

我认为你可以像这样修改你的selectRowEffect()函数：

function selectRowEffect(object, buttonSelect) {
    if (!selected) { 
        if (document.getElementById) {
            selected = document.getElementById('defaultSelected');
        } else {
            selected = document.all['defaultSelected'];
        } 
    }

    if (selected) selected.className = 'moduleRow';
    object.className = 'moduleRowSelected';
    selected = object;

    // Get checkbox element inside the row, then trigger the 'click' event.
    $('.jqTransformRadio', object).trigger('click');
}

我还没有测试代码，但我认为它会工作的