Como obter um objeto preenchido no JavaScript e passa-lo para o ManagedBean?

Ola pessoal, estou com um problema e não consigo resolver. Seguinte:
Tenho um método no javascript chamado salvarProdutoCookie() onde ele preenche um objeto, até ae tudo bem , mas eu quero saber como ele passa o objeto preenchido para o meu ManagedBean. Eu tenho esse site https://www.mkyong.com/jsf2/how-to-pass-new-hidden-value-to-backing-bean-in-jsf/ , ele até serviria para mim, mas no site está usando commandButton, e eu preciso fazer isso usando o radio do input , alguém pode me ajudar?

Segue o código do meu Javascript:

function salvaProdutoCookie(){

var indice = getIndiceChecked();

if ((indice!=-1)&&(indice!=-2)){

//setListaFaixaCookie(document.forms[0].hddCodProduto[indice].value);		
  document.cookie="codProduto="+document.forms[0].hddCodProduto[indice].value;
  document.cookie="nomeProduto="+document.forms[0].hddNomeProduto[indice].value;
  document.cookie="qtdFaixaPpsta="+document.forms[0].hddQtdFaixaPpsta[indice].value;
  document.cookie="numDiasValPpsta="+document.forms[0].hddNumDiasValPpsta[indice].value;
  document.cookie="numMesDesatPpsta="+document.forms[0].hddNumMesDesatPpsta[indice].value;
  document.cookie="dtUltAtualizacao="+document.forms[0].hddDtUltAtualizacao[indice].value;
  document.cookie="cdRespUltimaAtualizacao="+document.forms[0].hddCdRespUltimaAtualizacao[indice].value;
  document.cookie="nomeRespUltimaAtualizacao="+document.forms[0].hddNomeRespUltimaAtualizacao[indice].value;

}else if(indice==-2){

//setListaFaixaCookie(document.forms[0].hddCodProduto.value);
  document.cookie="codProduto="+document.forms[0].hddCodProduto.value;
  document.cookie="nomeProduto="+document.forms[0].hddNomeProduto.value;
  document.cookie="qtdFaixaPpsta="+document.forms[0].hddQtdFaixaPpsta.value;
  document.cookie="numDiasValPpsta="+document.forms[0].hddNumDiasValPpsta.value;
  document.cookie="numMesDesatPpsta="+document.forms[0].hddNumMesDesatPpsta.value;
  document.cookie="dtUltAtualizacao="+document.forms[0].hddDtUltAtualizacao.value;
  document.cookie="cdRespUltimaAtualizacao="+document.forms[0].hddCdRespUltimaAtualizacao.value;
  document.cookie="nomeRespUltimaAtualizacao="+document.forms[0].hddNomeRespUltimaAtualizacao.value;

}else if (indice==-1){

document.cookie="listaFaixas=";
  document.cookie="codProduto=";
  document.cookie="nomeProduto=";			
  document.cookie="qtdFaixaPpsta=";
  document.cookie="numDiasValPpsta=";
  document.cookie="numMesDesatPpsta=";
  document.cookie="dtUltAtualizacao=";
  document.cookie="cdRespUltimaAtualizacao=";
  document.cookie="nomeRespUltimaAtualizacao=";

}

}

segue a parte do meu xhtml onde seto meu objeto:

<h:column>
         <input type="radio" class="optionbutton" name="rdbOption" onclick="javascript:salvaProdutoCookie();" value="#{consultarFaixaProdutoBean.faixaProdutoVO}" /> 
        </h:column>

E no Managed Bean, quero setar o objeto pego no JavaScript aqui:

@Controller
@ManagedBean
@SessionScoped 
public class ConsultarFaixaProdutoBean extends BaseController implements Serializable {

private FaixaProdutoVO faixaProdutoVO;

	/**
	 * @return the faixaProdutoVO
	 */
	public FaixaProdutoVO getFaixaProdutoVO() {
		return faixaProdutoVO;
	}

	/**
	 * @param faixaProdutoVO the faixaProdutoVO to set
	 */
	public void setFaixaProdutoVO(FaixaProdutoVO faixaProdutoVO) {
		this.faixaProdutoVO = faixaProdutoVO;
	}
}