JS和jQuery操作表单常见的错误用法

设置radio选中

• 正确用法：

  //jquery
  $('[name="sex"][value="1"]').prop('checked', true);
  $('[name="sex"][value="1"]')[0].checked = true;
  //so, js method is:
  document.getElementById('youRadioId').checked = true;
  

• 错误用法

  $('[name="sex"]').removeAttr('checked');
  $('[name="sex"][value="1"]').attr('checked', 'checked');
  

获取radio选中的值

• 正确用法：

  //jquery
  var value = $('[name="sex"]:checked').val();
  
  //js method is:
  var radios = document.getElementsByName('radios');
  for (var i = 0; i < radios.length; i++) {
  	if (radios[i].checked) value = radios[i].value;
  }
  console.log('value is : ', value);
  

• 错误用法

  $('[name="sex"][value="1"][checked]').val();
  

获取和设置textarea文本域的值

• 正确用法：

  //jquery
  var value = $('#textarea').val(); //获取
  $('#textarea').val('我们都是一家人'); //设置
  
  //js method is:
  var value = document.getElementById('myTextarea').value; //获取
  document.getElementById('myTextarea').value = '我们都是一家人'; //设置
  

• 错误用法

  $('#textarea').text('我们都是一家人');
  $('#textarea').html('我们都是一家人');