How do you call the action when you select items in a checkbox?

This is more of an English language question, but UX designers will readily understand. When i have a checkbox with items, then say for a help description text, do you rather use the verb “select items” or “check items“?

I have also the case where the user has made another choice elsewhere and i need to pre-select items (in a checkbox) as a result of that other choice. And there is a user action to trigger that selection.

Would you rather say “Select items based on [other choice]” or “Check items based on [other choice]“?

Select” seems more natural to me and “check” sounds like “verify” which is not the intent. But then it is called “checkbox” for a reason? As you could have guessed, I’m not a native English speaker. Can someone clarify and confirm?

JQuery – Problemas com função de editar checkbox

Estou com um problema na funcão do botão editar. Consigo editar a primeira palavra da forma correta, mas qunado clico em editar uma checkbox, além de editar esse texto. O outro textp também é editado. E assim por diante. Todas os textos são editados ao invés de somente o texto que foi clicado.


<body>          <section>              <h2>Check Box</h2>             <div id="lista">                 <form>                     <div>                         <input id="teste" name="teste" type="checkbox" class="normal">                         <label for="teste"  >Teste</label>                                      <a class="remove" href="#">Remover</i></a>                          <a class="edit" href="#">Editar</i></a>                       </div>                 </form>             </div>              <div class="add_box">                  <input id="adicionarTxt" type="text">                 <button id="adicionarBtn">Adicionar</button>             </div>             <div class="edit_box">                  <input id="editarTxt" type="text">                 <button id="editarBtn">Editar</button>                 <button id="backBtn"><i class="fas fa-undo"></i></button>             </div>               <div class="controler">                  <button id="checkAll">CheckAll</button>                 <button id="Uncheck">Uncheck all</button>                 <button id="inverter">Inverter Seleção</button>               </div>         </section>          <script src="jquery-3.4.1.min.js"></script>         <script src="app.js"></script>     </body> 


//-----------------------------Adicionar Elemento  var cont=0; $  ('#adicionarBtn').on('click', function(){     if ($  ('#adicionarTxt').val()) {     var conteudo = $  ('#adicionarTxt').val().padStart(25, " ");     /*$  ('#lista form').append('<div><input id="'+ cont +'" type="checkbox" name="'+ cont +'" class="normal"><label for="'+ cont +'" data-target="'+ cont +'">'+ conteudo +'</label><a class="remove" href="#"><i class="far fa-trash-alt"></i></a><a class="edit" href="#" data-click="'+ cont +'"><i class="fas fa-pencil-alt"></i></a>');*/      $  ('#lista form')      .append($  ('<div>')             .append($  ("<input>", {                     id: cont,                     type: "checkbox",                     name: cont,                     class: "normal"}))             .append($  ("<label>", {                     for: cont,                     "data-target": cont,                     text: conteudo}))             .append($  ("<a>", {                     class: "remove",                     href: "#"})             .append($  ("<i>", {class: "far fa-trash-alt"})))             .append($  ("<a>", {                     class: "edit",                     href: "#",                     "data-click": cont})             .append($  ("<i>", {class: "fas fa-pencil-alt"}))));     console.log(conteudo + " Adicionado!");     salvarLocalStorage();     $  ("#adicionarTxt").val("");     cont++;   } });  //-----------------------------Editar Elemento  $  (document).on('click','.edit',function(){     var $  target = $  (this).prev().prev();          $  ('.add_box').hide();     $  ('.edit_box').show();      $  (document).on('click','#editarBtn', function(){         var edit = $  ('#editarTxt').val();          $  target.text(edit);         $  ('.edit_box').hide();         $  ('.add_box').show();     })      $  ('#backBtn').on('click',function(){         $  ('.edit_box').hide();         $  ('.add_box').show();     })  }); 

Como enviar valores de checkbox por formulario en MVC

les comento, tengo una tabla creada con datos de mercaderias (ID, Nombre, Tipo, etc) acompañados de un checkbox por cada fila. Lo que quiero hacer es marcar los checkbox de los producto que quiero ver mas detalladamente y que al hacer click en un boton se envie a un controller y se visualice en otra vista.

Si alguien podria ayudarme, gracias.

Mostrar valor seleccionado de checkbox en vista edit.blade

tengo un problema al visualizar las opciones marcadas en checkbox dentro de la vista edit.blade, no se muestra ningún valor marcado previamente seleccionado al crear un registro en la vista create.blade

Aquí dejo el código del checkbox en la vista edit:

<div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">                  <h3>Lista de roles</h3>                 <div class="form-group col-md-10">                     <ul class="list-unstyled">                         @foreach($  roles as $  role)                             <li>                                 <label>                                     {{ Form::checkbox('roles[]', $  role->id, null) }}                                     {{ $  role->name }}                                     <em>({{ $  role->description }})</em>                                 </label>                             </li>                         @endforeach                     </ul>                 </div> 

Agradezco ayuda y si es necesario que suba algo mas del código, favor de decirme.

Checkbox entries, commas displayed on list creates a long column display

When users selects multiple options in a checkbox, the list shows all the selections separated by commas however if many options are selected, the column will take up most of the screen accommodating probably due to the string being one long data entry. Is there away to break it up? Also, should I just create a space after each option in the list settings?

Update 7-26-2019 per Ganesh Sanap’s request: Found code used by the developer who created this app on one of his other SharePoint Sites.

function addSpaceComponent(item) {   if (item == undefined || null) {     return "";   } else {     return item.join(", ");   } } 

Then it is called like so:


iOS Settings Standards: Using Checkbox Rather Than Switch

If you are familiar with iOS devices, you know that the settings application uses the UISwitch control to show that a parameter is enabled or disabled. This control appears as a toggle switch and even has an animated switch motion that tracks the user’s finger as the switch slides from one side to the other.

On my iPad, I did notice an exception to this. A checkbox is used for what I would normally associate a radio button for.

The toggle switch takes up a significant amount of space on an iPhone, which I can put to better use.

I have access to the settings with a user interface from inside my application (and only from my app), and can depart from this practice of using the switch, by replacing it with a checkbox. (This would simply be a custom UIButton.) I am wondering whether there is a downside to doing this from the user experience perspective.

two forms javascript checkbox conflict

I have two contact forms, one is in includes/footer.php and one on contact.php and when on the contact page, if I try to submit the form in the footer, it won't submit because I got checkbox validation on each form that the user has to agree to the terms before the form submits so tried the following but either form still don't submit unless both checkboxes are checked

the form checkbox code in the footer.php is below

<div class="col-md-12 mb-3">
<input type="checkbox" id="agreefooter" />…

two forms javascript checkbox conflict

Listview con SQL Lite y CheckBox en la listview Problema: Como Obtener Datos de sql al seleccionar Chekbox

Tengo 3 Clases: Ítems, AdapterItems, Clase Principal 2 Layout: mostrar listado, Layout Principal.

Clase Ítems Codigo:

aquí creo los objetos

package com.example.myapplication; import android.widget.CheckBox;  public class Items { private String PrecioProducto;  public Items(String PrecioProducto){ this.PrecioProducto = PrecioProducto; }  public String getPrecioProducto() {return PrecioProducto;} }  

Clase AdapterItems Codigo:

aquí creo el adaptador

package com.example.myapplication;  import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.TextView;  import java.util.ArrayList;   public class AdaptadorItems extends BaseAdapter {     private Context context;     private ArrayList<Items> listItems;      public AdaptadorItems(Context context, ArrayList<Items> listItems) {         this.context = context;         this.listItems = listItems;     }      //cuenta los objetos que se van a cargar     @Override     public int getCount() {         return listItems.size();     }      //devolver la lista     @Override     public Object getItem(int position) {         return listItems.get(position);     }      //     @Override     public long getItemId(int position) {         return 0;     }      //donde se va a crear la lista y asignaremos los valores de cada elemento     @Override     public View getView(int position, View convertView, ViewGroup parent) {         Items items = (Items) getItem(position);          convertView = LayoutInflater.from(context).inflate(R.layout.activity_mostrar_listado, null);         TextView txtMostrarPrecio = (TextView) convertView.findViewById(;          img_avatar.setImageResource(items.getAvatar());         txt_producto.setText(items.getProducto());         txtMostrarPrecio.setText(items.getPrecioProducto());         return convertView;     } } 

Clase Principal que llama al layout Codigo:

aquí esta el prolema en el layout tengo los chekbox pero no están agregados en el daptador o en la clase ítem ya que desde la base de datos llenos los objetos ítems con datos y el chekbox no necesita datos por lo que solo el objeto precio recibe información con sql

package com.example.myapplication;  import;  import android.content.Intent; import android.database.Cursor; import android.database.sqlite.SQLiteDatabase; import; import android.os.Bundle; import android.view.View; import android.widget.CheckBox; import android.widget.ListView; import android.widget.TextView; import android.widget.Toast;  import java.util.ArrayList;  public class OrdenProducto extends AppCompatActivity {     private ListView lst_items;     private AdaptadorItems adaptador;      @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_orden_producto);          lst_items = (ListView) findViewById(;         adaptador = new AdaptadorItems(this, GetArrayItems());         lst_items.setAdapter(adaptador);     }      private ArrayList<Items> GetArrayItems() {         ArrayList<Items> listitems = new ArrayList<>();          //Cargando Registros de la Base de Datos         AdminSQLiteOpenHelper admin = new AdminSQLiteOpenHelper( this, "administracion", null, 1);         SQLiteDatabase BaseDeDatos = admin.getWritableDatabase();          Cursor fila = BaseDeDatos.rawQuery("select precio from articulos", null);         if(fila.moveToFirst()){             do{                 //Diseño de los Registros estos son objetos y introducimos los datos de tablas sql alos objetos listitems                 listitems.add(new Items( fila.getString(0) ));              }while(fila.moveToNext());         }         BaseDeDatos.close();          return listitems;     } } 

Como ven los checkbox se repiten con el textview precio, yo quiero sumar los precios según en la lista se precione los checkbox no puedo llamar al chekbox porque esta en otro layout de mostrar listado donde esta el diseño y como este codigo esta en el layout principal no puedo llamar al chekbox.

mi objetivo es mostrar una lista de precios y al seleccionar chekbox me haga la suma de los que están seleccionados o creo el objeto en ítem pero los objetos ítem reciben datos de la base de datos o creo una clase para el layout mostrar listado y desde ahí valido los datos seleccionado. soy aprendiz necesito ayuda.

Codigo de Layout mostrarlistado:

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=""     xmlns:app=""     xmlns:tools=""     android:orientation="horizontal"     android:layout_width="match_parent"     android:layout_height="match_parent">      <LinearLayout         android:id="@+id/l2"         android:layout_width="270dp"         android:layout_height="wrap_content"         android:layout_marginLeft="-270dp"         android:layout_marginTop="23dp"         android:orientation="horizontal">          <CheckBox             android:id="@+id/chkValidarOrden"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:layout_marginLeft="2dp"             android:background="#FFFFFF" />      </LinearLayout>      <LinearLayout         android:id="@+id/l3"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_marginLeft="-270dp"         android:layout_marginTop="64dp"         android:layout_marginBottom="2dp"         android:orientation="horizontal">          <TextView             android:id="@+id/txt1"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:text="Precio:" />          <TextView             android:id="@+id/txtMostrarPrecio"             android:layout_width="50dp"             android:layout_height="wrap_content"             android:layout_marginLeft="2dp"             android:text="0" />      </LinearLayout>  </LinearLayout> 

Codigo de Layout Principal:

<?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android=""     xmlns:app=""     xmlns:tools=""     android:layout_width="match_parent"     android:layout_height="match_parent"     tools:context="com.example.myapplication.OrdenProducto">      <ListView         android:id="@+id/lst_items"         android:layout_width="wrap_content"         android:layout_height="300dp"         android:layout_alignParentStart="true"         android:layout_alignParentLeft="true"         android:layout_alignParentTop="true"         android:layout_marginTop="76dp"         android:layout_marginEnd="8dp"         android:layout_marginRight="8dp"         app:layout_constraintEnd_toEndOf="parent"         app:layout_constraintHorizontal_bias="0.0"         app:layout_constraintStart_toStartOf="parent"         app:layout_constraintTop_toTopOf="parent" />      <TextView         android:id="@+id/textView26"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_marginStart="8dp"         android:layout_marginLeft="8dp"         android:layout_marginTop="28dp"         android:layout_marginEnd="8dp"         android:layout_marginRight="8dp"         android:text="Total:"         android:textSize="18sp"         app:layout_constraintEnd_toEndOf="parent"         app:layout_constraintHorizontal_bias="0.802"         app:layout_constraintStart_toStartOf="parent"         app:layout_constraintTop_toBottomOf="@+id/lst_items" />      <TextView         android:id="@+id/txtTotalPrecioOrden"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_marginStart="8dp"         android:layout_marginLeft="8dp"         android:layout_marginTop="32dp"         android:layout_marginEnd="8dp"         android:layout_marginRight="8dp"         android:text="000"         app:layout_constraintEnd_toEndOf="parent"         app:layout_constraintHorizontal_bias="0.9"         app:layout_constraintStart_toStartOf="parent"         app:layout_constraintTop_toBottomOf="@+id/lst_items" />  </androidx.constraintlayout.widget.ConstraintLayout>